anentrypoint-design 1.0.13 → 1.0.15
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 +20 -12
- package/dist/247420.js +26 -26
- package/package.json +1 -1
- package/src/components/shell/app-shell.js +12 -10
- package/src/css/app-shell/catalog-theme.css +6 -10
- package/src/css/app-shell/topbar.css +14 -2
package/dist/247420.css
CHANGED
|
@@ -1199,6 +1199,14 @@
|
|
|
1199
1199
|
.ds-247420 .app-chrome > .app-crumb > .crumb-right { margin-left: auto; }
|
|
1200
1200
|
.ds-247420 .app-topbar > .brand { flex: 0 0 auto; }
|
|
1201
1201
|
.ds-247420 .app-topbar > .app-search { flex: 1 1 auto; }
|
|
1202
|
+
/* SearchInput() passed directly as Topbar's search prop renders with no
|
|
1203
|
+
Topbar-owned wrapper (see Topbar's isElement branch). Its own outer span
|
|
1204
|
+
(.ds-search-input-wrap) is display:contents, so .ds-search-field becomes
|
|
1205
|
+
the actual direct .app-topbar flex-item child — an inline-flex box that
|
|
1206
|
+
otherwise shrinks to its content and starves the input's own width:100%
|
|
1207
|
+
of anything to grow into, truncating the placeholder. Matches
|
|
1208
|
+
.app-search's flex-basis above so both search-slot shapes size the same. */
|
|
1209
|
+
.ds-247420 .app-topbar > .ds-search-field { flex: 1 1 auto; max-width: 360px; min-width: 0; }
|
|
1202
1210
|
.ds-247420 .app-topbar > nav { margin-left: auto; }
|
|
1203
1211
|
/* Utility cluster grouping: the theme toggle sits after the repo-info nav
|
|
1204
1212
|
links with no visual separation between the two groups, so the row read
|
|
@@ -1530,8 +1538,12 @@
|
|
|
1530
1538
|
1400-2200px viewport band (matches .ws-shell's 1920px ultrawide cap below)
|
|
1531
1539
|
instead of freezing at 1400px and leaving >1000px dead margin on a 2560px+
|
|
1532
1540
|
display. Row/prose measure caps (--measure-wide etc.) still own line-length
|
|
1533
|
-
readability, so widening the shell itself does not create unreadable rows.
|
|
1534
|
-
|
|
1541
|
+
readability, so widening the shell itself does not create unreadable rows.
|
|
1542
|
+
100vw (not 92vw): a stock 1920px monitor sat at 92vw = 1766px, leaving a
|
|
1543
|
+
visible ~154px dead margin on the single most common desktop resolution —
|
|
1544
|
+
the ceiling now reaches full width exactly at 1920px instead of falling
|
|
1545
|
+
short of it. */
|
|
1546
|
+
.ds-247420 .app { max-width: clamp(1400px, 100vw, 1920px); margin-left: auto; margin-right: auto; }
|
|
1535
1547
|
.ds-247420 .app-main .chat,
|
|
1536
1548
|
.ds-247420 .app-main > .chat-area,
|
|
1537
1549
|
.ds-247420 .app-main > .main-content { max-width: none; margin: 0; width: 100%; }
|
|
@@ -4090,16 +4102,12 @@
|
|
|
4090
4102
|
font-family: var(--ff-mono); font-size: var(--fs-xs);
|
|
4091
4103
|
display: inline-flex; align-items: center; gap: 6px;
|
|
4092
4104
|
}
|
|
4093
|
-
/* CSS-drawn disc mark on the compact theme toggle:
|
|
4094
|
-
|
|
4095
|
-
|
|
4096
|
-
|
|
4097
|
-
|
|
4098
|
-
|
|
4099
|
-
border: var(--bw-hair) solid var(--fg-3);
|
|
4100
|
-
/* auto: half-and-half, matches default (no data-mode) for safety */
|
|
4101
|
-
background: linear-gradient(90deg, var(--fg-3) 0 50%, transparent 50% 100%);
|
|
4102
|
-
}
|
|
4105
|
+
/* CSS-drawn disc mark on the compact theme toggle: legibility fallback for
|
|
4106
|
+
when BOTH the SVG glyph and text label are hidden (icon-only rail strip).
|
|
4107
|
+
The glyph (.ds-theme-toggle-icon) already conveys mode whenever it is
|
|
4108
|
+
visible, so the disc stays hidden alongside it and only shows in the
|
|
4109
|
+
rail-collapsed state where responsive2-workspace.css hides the icon too. */
|
|
4110
|
+
.ds-247420 .ds-theme-disc { display: none; }
|
|
4103
4111
|
.ds-247420 .ds-theme-disc[data-mode="auto"] {
|
|
4104
4112
|
background: linear-gradient(90deg, var(--fg-3) 0 50%, transparent 50% 100%);
|
|
4105
4113
|
}
|