anentrypoint-design 0.0.313 → 0.0.314
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/app-shell.css +7 -3
- package/dist/247420.css +16 -5
- package/dist/247420.js +14 -14
- package/package.json +1 -1
package/app-shell.css
CHANGED
|
@@ -241,11 +241,15 @@ body.canvas-host { background: transparent !important; }
|
|
|
241
241
|
.app-topbar nav a { flex: 0 0 auto; }
|
|
242
242
|
.app-topbar nav a {
|
|
243
243
|
color: var(--fg-2);
|
|
244
|
-
|
|
245
|
-
|
|
244
|
+
/* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
|
|
245
|
+
touch target in the top bar). Matches the .app-side a treatment: ~34px,
|
|
246
|
+
--r-1 rounded rect, tighter padding. The 44px tap target is restored under
|
|
247
|
+
@media(pointer:coarse) (the existing .app-topbar nav a rule further down). */
|
|
248
|
+
padding: var(--space-2) var(--space-2-5);
|
|
249
|
+
min-height: 34px;
|
|
246
250
|
display: flex;
|
|
247
251
|
align-items: center;
|
|
248
|
-
border-radius: var(--r-
|
|
252
|
+
border-radius: var(--r-1);
|
|
249
253
|
transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
|
|
250
254
|
}
|
|
251
255
|
.app-topbar nav a:hover { background: var(--bg-2); color: var(--fg); }
|
package/dist/247420.css
CHANGED
|
@@ -793,11 +793,15 @@
|
|
|
793
793
|
.ds-247420 .app-topbar nav a { flex: 0 0 auto; }
|
|
794
794
|
.ds-247420 .app-topbar nav a {
|
|
795
795
|
color: var(--fg-2);
|
|
796
|
-
|
|
797
|
-
|
|
796
|
+
/* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
|
|
797
|
+
touch target in the top bar). Matches the .app-side a treatment: ~34px,
|
|
798
|
+
--r-1 rounded rect, tighter padding. The 44px tap target is restored under
|
|
799
|
+
@media(pointer:coarse) (the existing .app-topbar nav a rule further down). */
|
|
800
|
+
padding: var(--space-2) var(--space-2-5);
|
|
801
|
+
min-height: 34px;
|
|
798
802
|
display: flex;
|
|
799
803
|
align-items: center;
|
|
800
|
-
border-radius: var(--r-
|
|
804
|
+
border-radius: var(--r-1);
|
|
801
805
|
transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
|
|
802
806
|
}
|
|
803
807
|
.ds-247420 .app-topbar nav a:hover { background: var(--bg-2); color: var(--fg); }
|
|
@@ -9034,8 +9038,12 @@
|
|
|
9034
9038
|
.ds-247420 .ds-dropdown-list { display: flex; flex-direction: column; }
|
|
9035
9039
|
.ds-247420 .ds-dropdown-item {
|
|
9036
9040
|
display: flex; align-items: center; gap: 8px;
|
|
9037
|
-
|
|
9038
|
-
|
|
9041
|
+
/* Dense desktop row (was an unconditional 44px touch target — a menu of
|
|
9042
|
+
these was very tall on desktop). ~30px here; the 44px tap target is
|
|
9043
|
+
restored under @media(pointer:coarse) below, matching the .ds-check-row
|
|
9044
|
+
treatment. */
|
|
9045
|
+
min-height: 30px;
|
|
9046
|
+
padding: var(--space-1-5) var(--space-2-75);
|
|
9039
9047
|
background: transparent; border: 0;
|
|
9040
9048
|
color: inherit; font: inherit; text-align: left;
|
|
9041
9049
|
border-radius: var(--r-1, 4px);
|
|
@@ -9046,6 +9054,9 @@
|
|
|
9046
9054
|
background: var(--panel-2, var(--rule));
|
|
9047
9055
|
outline: none;
|
|
9048
9056
|
}
|
|
9057
|
+
@media (pointer: coarse) {
|
|
9058
|
+
.ds-247420 .ds-dropdown-item { min-height: 44px; padding: var(--space-2) var(--space-3); }
|
|
9059
|
+
}
|
|
9049
9060
|
.ds-247420 .ds-dropdown-item:focus-visible {
|
|
9050
9061
|
outline: var(--focus-w) solid var(--focus-color);
|
|
9051
9062
|
outline-offset: calc(var(--focus-offset) * -1);
|