anentrypoint-design 0.0.180 → 0.0.181
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 +6 -1
- package/dist/247420.css +6 -1
- package/dist/247420.js +10 -10
- package/package.json +1 -1
package/app-shell.css
CHANGED
|
@@ -794,8 +794,13 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
|
|
|
794
794
|
.app-topbar {
|
|
795
795
|
gap: var(--space-2); padding: 12px var(--space-3);
|
|
796
796
|
}
|
|
797
|
+
/* When the topbar is folded into .app-chrome it is a flex:0 0 auto child, so
|
|
798
|
+
it sizes to its nav's content and overflows the viewport instead of letting
|
|
799
|
+
the nav's own overflow-x:auto engage. Constrain it to the chrome width so
|
|
800
|
+
the horizontally-scrolling nav stays inside the screen. */
|
|
801
|
+
.app-chrome > .app-topbar { max-width: 100%; min-width: 0; flex-basis: 100%; }
|
|
797
802
|
.app-topbar > nav {
|
|
798
|
-
flex: 1 1 100%; margin-left: 0; order: 3;
|
|
803
|
+
flex: 1 1 100%; margin-left: 0; order: 3; min-width: 0; max-width: 100%;
|
|
799
804
|
display: flex; gap: 2px; flex-wrap: nowrap;
|
|
800
805
|
overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
|
|
801
806
|
}
|
package/dist/247420.css
CHANGED
|
@@ -1195,8 +1195,13 @@
|
|
|
1195
1195
|
.ds-247420 .app-topbar {
|
|
1196
1196
|
gap: var(--space-2); padding: 12px var(--space-3);
|
|
1197
1197
|
}
|
|
1198
|
+
/* When the topbar is folded into .app-chrome it is a flex:0 0 auto child, so
|
|
1199
|
+
it sizes to its nav's content and overflows the viewport instead of letting
|
|
1200
|
+
the nav's own overflow-x:auto engage. Constrain it to the chrome width so
|
|
1201
|
+
the horizontally-scrolling nav stays inside the screen. */
|
|
1202
|
+
.ds-247420 .app-chrome > .app-topbar { max-width: 100%; min-width: 0; flex-basis: 100%; }
|
|
1198
1203
|
.ds-247420 .app-topbar > nav {
|
|
1199
|
-
flex: 1 1 100%; margin-left: 0; order: 3;
|
|
1204
|
+
flex: 1 1 100%; margin-left: 0; order: 3; min-width: 0; max-width: 100%;
|
|
1200
1205
|
display: flex; gap: 2px; flex-wrap: nowrap;
|
|
1201
1206
|
overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
|
|
1202
1207
|
}
|