← All changes
|
includes/__css/admin/settings/ui__right_palette.css
+37
-10
11.5
→
11.8.3
View file →
| @@ -1,4 +1,4 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * Shared right palette styles for Booking Calendar admin pages. |
| 3 | 3 | */ |
| 4 | 4 | |
| @@ -83,15 +83,42 @@ | ||
| 83 | 83 | gap: 10px; |
| 84 | 84 | justify-content: flex-start; |
| 85 | 85 | width: 100%; |
| 86 | 86 | } |
| 87 | +.wpbc_rightbar_palette .inspector__label, | |
| 88 | +.wpbc_rightbar_palette .inspector__control { | |
| 89 | + box-sizing: border-box; | |
| 90 | + flex: 1 1 100%; | |
| 91 | +} | |
| 92 | + | |
| 93 | +/* | |
| 94 | + * Shared inspector widths. | |
| 95 | + * | |
| 96 | + * Keep this block after the palette's full-width label/control default. The | |
| 97 | + * source order makes an explicit width win without domain overrides, while | |
| 98 | + * the unscoped helpers remain reusable by the Form Builder inspector. | |
| 99 | + */ | |
| 100 | +.inspector__row .inspector__w_10 { flex-basis: 10%; } | |
| 101 | +.inspector__row .inspector__w_20 { flex-basis: 20%; } | |
| 102 | +.inspector__row .inspector__w_30 { flex-basis: 30%; } | |
| 103 | +.inspector__row .inspector__w_40 { flex-basis: 40%; } | |
| 104 | +.inspector__row .inspector__w_50 { flex-basis: 50%; } | |
| 105 | +.inspector__row .inspector__w_60 { flex-basis: 60%; } | |
| 106 | +.inspector__row .inspector__w_70 { flex-basis: 70%; } | |
| 107 | +.inspector__row .inspector__w_80 { flex-basis: 80%; } | |
| 108 | +.inspector__row .inspector__w_90 { flex-basis: 90%; } | |
| 109 | +.inspector__row .inspector__w_100 { flex-basis: 100%; } | |
| 110 | +.inspector__row .inspector__w_05 { flex-basis: 5%; } | |
| 111 | +.inspector__row .inspector__w_15 { flex-basis: 15%; } | |
| 112 | +.inspector__row .inspector__w_25 { flex-basis: 25%; } | |
| 113 | +.inspector__row .inspector__w_35 { flex-basis: 35%; } | |
| 114 | +.inspector__row .inspector__w_45 { flex-basis: 45%; } | |
| 115 | +.inspector__row .inspector__w_55 { flex-basis: 55%; } | |
| 116 | +.inspector__row .inspector__w_65 { flex-basis: 65%; } | |
| 117 | +.inspector__row .inspector__w_75 { flex-basis: 75%; } | |
| 118 | +.inspector__row .inspector__w_85 { flex-basis: 85%; } | |
| 119 | +.inspector__row .inspector__w_95 { flex-basis: 95%; } | |
| 87 | 120 | |
| 88 | -.wpbc_rightbar_palette .inspector__label, | |
| 89 | -.wpbc_rightbar_palette .inspector__control { | |
| 90 | - box-sizing: border-box; | |
| 91 | - flex: 1 1 100%; | |
| 92 | -} | |
| 93 | - | |
| 94 | 121 | .wpbc_rightbar_palette .inspector__label { |
| 95 | 122 | color: var(--wpbc-palette-text); |
| 96 | 123 | font-size: 14px; |
| 97 | 124 | font-weight: 600; |
| @@ -98,12 +125,12 @@ | ||
| 98 | 125 | line-height: 1.75; |
| 99 | 126 | margin: 0; |
| 100 | 127 | } |
| 101 | 128 | |
| 102 | -.wpbc_rightbar_palette .inspector__control > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), | |
| 103 | -.wpbc_rightbar_palette .inspector__control > select, | |
| 104 | -.wpbc_rightbar_palette .inspector__control > textarea, | |
| 105 | -.wpbc_rightbar_palette .inspector__input { | |
| 129 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), | |
| 130 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > select, | |
| 131 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > textarea, | |
| 132 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__input { | |
| 106 | 133 | box-sizing: border-box; |
| 107 | 134 | line-height: 2.4; |
| 108 | 135 | max-width: 100%; |
| 109 | 136 | width: 100%; |