anentrypoint-design 0.0.419 → 0.0.421
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.
- package/dist/247420.css +13 -7
- package/dist/247420.js +27 -27
- package/package.json +1 -1
- package/src/css/app-shell/topbar.css +13 -7
- package/src/kits/os/theme.css +38 -5
package/dist/247420.css
CHANGED
|
@@ -1089,11 +1089,14 @@
|
|
|
1089
1089
|
.ds-247420 .app-topbar nav a {
|
|
1090
1090
|
color: var(--fg-2);
|
|
1091
1091
|
/* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
|
|
1092
|
-
touch target in the top bar)
|
|
1093
|
-
|
|
1094
|
-
|
|
1092
|
+
touch target in the top bar): --r-1 rounded rect, tighter padding. The 44px
|
|
1093
|
+
floor is UNCONDITIONAL, not behind @media(pointer:coarse) — switch and
|
|
1094
|
+
head-pointer users drive a fine pointer and are never reported as coarse,
|
|
1095
|
+
so a coarse-gated floor leaves them a 39px target. Measured live at 1920:
|
|
1096
|
+
the gated form rendered 39px with pointer:coarse false. Padding stays dense;
|
|
1097
|
+
only the floor moves, so the compact chrome reads unchanged. */
|
|
1095
1098
|
padding: var(--space-2) var(--space-2-5);
|
|
1096
|
-
min-height:
|
|
1099
|
+
min-height: 44px;
|
|
1097
1100
|
display: flex;
|
|
1098
1101
|
align-items: center;
|
|
1099
1102
|
border-radius: var(--r-1);
|
|
@@ -1185,10 +1188,13 @@
|
|
|
1185
1188
|
display: grid; grid-template-columns: 18px 1fr auto;
|
|
1186
1189
|
gap: var(--space-2-5); align-items: center;
|
|
1187
1190
|
/* Dense rounded-rect nav row (was a 44px pill with 12px 14px padding — tall
|
|
1188
|
-
and consumer-shaped). A --r-1 rounded rect
|
|
1189
|
-
|
|
1191
|
+
and consumer-shaped). A --r-1 rounded rect reads as compact app chrome.
|
|
1192
|
+
The 44px floor is UNCONDITIONAL for the same reason as .skip-link's: a
|
|
1193
|
+
pointer:coarse gate misses switch and head-pointer users, who report a fine
|
|
1194
|
+
pointer. Measured live at 1920 the gated form rendered 39px. Padding is
|
|
1195
|
+
unchanged, so the row stays dense — only the floor moves. */
|
|
1190
1196
|
padding: var(--space-2) var(--space-2-5);
|
|
1191
|
-
min-height:
|
|
1197
|
+
min-height: 44px;
|
|
1192
1198
|
border-radius: var(--r-1);
|
|
1193
1199
|
color: var(--fg-2);
|
|
1194
1200
|
margin-bottom: 2px;
|