@godxjp/ui 18.12.12 → 18.12.13
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.
|
@@ -1280,6 +1280,10 @@
|
|
|
1280
1280
|
* which has headroom; the horizontal shrink/truncation contract is unchanged. */
|
|
1281
1281
|
overflow-x: clip;
|
|
1282
1282
|
overflow-y: visible;
|
|
1283
|
+
/* Ring headroom on the clipped axis: the end rail sits flush against this
|
|
1284
|
+
* box, so without a margin the LAST control's ring loses its outer edge.
|
|
1285
|
+
* 2x the ring token — open/focus rings paint up to 3px (gh#291 follow-up). */
|
|
1286
|
+
overflow-clip-margin: calc(2 * var(--focus-ring-width));
|
|
1283
1287
|
}
|
|
1284
1288
|
.ui-topbar-start,
|
|
1285
1289
|
.ui-topbar-center,
|
|
@@ -1295,7 +1299,10 @@
|
|
|
1295
1299
|
* ring headroom where supported. */
|
|
1296
1300
|
overflow-x: clip;
|
|
1297
1301
|
overflow-y: visible;
|
|
1298
|
-
|
|
1302
|
+
/* 2x the ring token, NOT 1x: focus/open rings paint up to 3px while the
|
|
1303
|
+
* token is 2px, so a flush-edge control (the locale picker is the first
|
|
1304
|
+
* child of `end`) lost 1px of ring on the clipped axis (gh#291 follow-up). */
|
|
1305
|
+
overflow-clip-margin: calc(2 * var(--focus-ring-width));
|
|
1299
1306
|
}
|
|
1300
1307
|
.ui-topbar-start {
|
|
1301
1308
|
flex: 0 1 auto;
|