| @@ -1,95 +1,49 @@ | ||
| 1 | -@import "../content-helper/common/css/variables"; | |
| 2 | -@import "../content-helper/common/css/functions"; | |
| 3 | - | |
| 4 | -.settings_page_parsely { | |
| 1 | +:root { | |
| 5 | 2 | --padding-default: 15px; |
| 3 | +} | |
| 6 | 4 | |
| 7 | - fieldset.user-role-permissions { | |
| 5 | +#track-post-types { | |
| 6 | + max-width: 550px; | |
| 7 | + width: 100%; | |
| 8 | +} | |
| 8 | 9 | |
| 9 | - label { | |
| 10 | - margin-right: to_rem(16px) !important; | |
| 11 | - } | |
| 12 | - } | |
| 10 | +#track-post-types th, | |
| 11 | +#track-post-types td { | |
| 12 | + display: table-cell; | |
| 13 | + padding: var(--padding-default); | |
| 14 | + text-align: center; | |
| 15 | + vertical-align: middle; | |
| 16 | +} | |
| 13 | 17 | |
| 14 | - .disabled-before-posting, | |
| 15 | - fieldset:disabled, | |
| 16 | - tr:has(fieldset:disabled) { | |
| 18 | +#track-post-types td { | |
| 19 | + padding: 0; /* Set padding to 0 so labels can take the space */ | |
| 20 | +} | |
| 17 | 21 | |
| 18 | - label:not(.prevent-disable), | |
| 19 | - p, | |
| 20 | - th { | |
| 21 | - color: var(--gray-500); | |
| 22 | - cursor: default; | |
| 23 | - } | |
| 24 | - } | |
| 22 | +/* Make radio box clickable in whole cell */ | |
| 23 | +#track-post-types td label { | |
| 24 | + display: inline-block; | |
| 25 | + margin: 0 !important; | |
| 26 | + padding-top: var(--padding-default); | |
| 27 | + padding-bottom: var(--padding-default); | |
| 28 | + width: 100%; | |
| 29 | +} | |
| 25 | 30 | |
| 26 | - #track-post-types { | |
| 27 | - max-width: 550px; | |
| 28 | - width: 100%; | |
| 31 | +#track-post-types thead th:nth-child(3) { | |
| 32 | + word-break: break-word; | |
| 33 | +} | |
| 29 | 34 | |
| 30 | - th, | |
| 31 | - td { | |
| 32 | - display: table-cell; | |
| 33 | - padding: var(--padding-default); | |
| 34 | - text-align: center; | |
| 35 | - vertical-align: middle; | |
| 36 | - } | |
| 35 | +@media only screen and (max-width: 380px) { | |
| 37 | 36 | |
| 38 | - /* Set padding to 0 so labels can take all the space */ | |
| 39 | - td { | |
| 40 | - padding: 0; | |
| 41 | - } | |
| 42 | - | |
| 43 | - /* Make radio box clickable in whole cell */ | |
| 44 | - td label { | |
| 45 | - display: inline-block; | |
| 46 | - margin: 0 !important; | |
| 47 | - padding-top: var(--padding-default); | |
| 48 | - padding-bottom: var(--padding-default); | |
| 49 | - width: 100%; | |
| 50 | - } | |
| 51 | - | |
| 52 | - thead th:nth-child(3) { | |
| 53 | - word-break: break-word; | |
| 54 | - } | |
| 37 | + #track-post-types th, | |
| 38 | + #track-post-types td { | |
| 39 | + padding-left: 10px; | |
| 40 | + padding-right: 10px; | |
| 55 | 41 | } |
| 56 | 42 | |
| 57 | - /* Can be a link or span. */ | |
| 58 | - .managed-option-badge { | |
| 59 | - border-radius: to_rem(4px); | |
| 60 | - border: to_rem(1px) solid var(--green-500); | |
| 61 | - color: var(--green-500) !important; | |
| 62 | - display: inline-block; | |
| 63 | - font-size: to_rem(10px); | |
| 64 | - padding: to_rem(2px) to_rem(4px); | |
| 65 | - text-decoration: none; | |
| 66 | - } | |
| 67 | - | |
| 68 | - a.managed-option-badge { | |
| 69 | - cursor: pointer !important; | |
| 70 | - | |
| 71 | - &:hover { | |
| 72 | - background-color: var(--green-500); | |
| 73 | - color: #fff !important; | |
| 74 | - } | |
| 75 | - } | |
| 76 | - | |
| 77 | - @media only screen and (max-width: 380px) { | |
| 78 | - | |
| 79 | - #track-post-types { | |
| 80 | - | |
| 81 | - th, | |
| 82 | - td { | |
| 83 | - padding-left: 10px; | |
| 84 | - padding-right: 10px; | |
| 85 | - } | |
| 86 | - | |
| 87 | - th:first-child { | |
| 88 | - max-width: 120px; | |
| 89 | - overflow: hidden; | |
| 90 | - text-overflow: ellipsis; | |
| 91 | - white-space: nowrap; | |
| 92 | - } | |
| 93 | - } | |
| 43 | + #track-post-types th:first-child { | |
| 44 | + max-width: 120px; | |
| 45 | + overflow: hidden; | |
| 46 | + text-overflow: ellipsis; | |
| 47 | + white-space: nowrap; | |
| 94 | 48 | } |
| 95 | 49 | } |
