@broberg/app-shell 0.10.0 → 0.10.1
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/css/app-shell.css +7 -0
- package/dist/preact.cjs +1 -1
- package/dist/preact.cjs.map +1 -1
- package/dist/preact.js +1 -1
- package/dist/preact.js.map +1 -1
- package/package.json +1 -1
package/css/app-shell.css
CHANGED
|
@@ -148,6 +148,13 @@
|
|
|
148
148
|
.bas-sidebar.is-railed .bas-item__bar { left: -6px; }
|
|
149
149
|
.bas-sidebar.is-railed .bas-item__count { position: absolute; top: 2px; right: 2px; padding: 0 4px; }
|
|
150
150
|
.bas-sidebar.is-railed .bas-sidebar__head { justify-content: center; padding: 10px 0 4px; }
|
|
151
|
+
/* F092.16 — the flyout renders INSIDE the railed sidebar, so every rail rule above
|
|
152
|
+
* hit its children too: labels hidden (0,3,0 beat the flyout's 0,2,0), items
|
|
153
|
+
* centred with no padding. An empty flyout with only a title (appkit, Lens
|
|
154
|
+
* 3aca21d1). These restore the flyout's own item layout at 0,4,0. */
|
|
155
|
+
.bas-sidebar.is-railed .bas-flyout .bas-item__label { display: block; }
|
|
156
|
+
.bas-sidebar.is-railed .bas-flyout .bas-item { justify-content: flex-start; padding: 6px 8px; }
|
|
157
|
+
.bas-sidebar.is-railed .bas-flyout .bas-item__count { position: static; padding: 1px 6px; }
|
|
151
158
|
.bas-sidebar.is-railed .bas-sidebar__mark { display: flex; align-items: center; justify-content: center; }
|
|
152
159
|
|
|
153
160
|
/* Desktop fold: "offcanvas" hides the sidebar, "icon" keeps a 48px rail. */
|
package/dist/preact.cjs
CHANGED
|
@@ -637,7 +637,7 @@ function Sidebar(p) {
|
|
|
637
637
|
"aria-label": "Navigation",
|
|
638
638
|
children: [
|
|
639
639
|
p.header || p.brandMark ? /* @__PURE__ */ jsxRuntime.jsxs("div", { class: "bas-sidebar__head", children: [
|
|
640
|
-
p.header ? /* @__PURE__ */ jsxRuntime.jsx("div", { class: "bas-sidebar__brand", children: p.homeHref ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: p.homeHref, onNavigate: p.onNavigate, onAfter: close, class: "bas-home", "data-testid": p.brandTestId ?? "sidebar-brand-home", children: p.header }) : p.header }) : null,
|
|
640
|
+
p.header ? /* @__PURE__ */ jsxRuntime.jsx("div", { class: "bas-sidebar__brand", children: p.homeHref ? /* @__PURE__ */ jsxRuntime.jsx(NavLink, { href: p.homeHref, onNavigate: p.onNavigate, onAfter: close, class: "bas-home", "data-testid": p.brandTestId ?? "sidebar-brand-home", "aria-label": p.homeLabel, children: p.header }) : p.header }) : null,
|
|
641
641
|
p.brandMark ? /* @__PURE__ */ jsxRuntime.jsx("div", { class: "bas-sidebar__mark", "data-testid": "sidebar-brand-mark", children: p.homeHref ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
642
642
|
NavLink,
|
|
643
643
|
{
|