@plexui/ui 0.7.19 → 0.7.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -33,6 +33,8 @@
|
|
|
33
33
|
width: var(--checkbox-indicator-size);
|
|
34
34
|
max-width: var(--checkbox-indicator-size);
|
|
35
35
|
height: var(--checkbox-indicator-size);
|
|
36
|
+
/* Center indicator with first line of label text (mirrors RadioGroup's RadioIndicatorWrapper approach) */
|
|
37
|
+
margin-top: calc((var(--checkbox-label-line-height) - var(--checkbox-indicator-size)) / 2);
|
|
36
38
|
padding: 0;
|
|
37
39
|
border: 1px solid var(--alpha-16);
|
|
38
40
|
border-radius: var(--radius-xs);
|
|
@@ -180,10 +182,10 @@ background-color: var(--gray-800);
|
|
|
180
182
|
transition: transform 100ms ease 160ms;
|
|
181
183
|
}.Label {
|
|
182
184
|
display: block;
|
|
183
|
-
min-height:
|
|
185
|
+
min-height: var(--checkbox-label-line-height);
|
|
184
186
|
cursor: pointer;
|
|
185
187
|
font-size: 14px;
|
|
186
|
-
line-height:
|
|
188
|
+
line-height: var(--checkbox-label-line-height);
|
|
187
189
|
}
|
|
188
190
|
|
|
189
191
|
[data-orientation="left"] .Label {
|
|
@@ -92,6 +92,7 @@
|
|
|
92
92
|
============================================= */
|
|
93
93
|
--checkbox-indicator-size: var(--radio-group-indicator-size);
|
|
94
94
|
--checkbox-label-gap: var(--radio-group-item-gap);
|
|
95
|
+
--checkbox-label-line-height: var(--radio-group-item-line-height);
|
|
95
96
|
|
|
96
97
|
/* =============================================
|
|
97
98
|
Input
|