@spaethtech/svelte-ui 0.15.1-dev.72.768dcbb → 0.16.0
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.
|
@@ -388,8 +388,12 @@
|
|
|
388
388
|
: m === "drawer"
|
|
389
389
|
? `position:absolute;inset-block:0;${insetI}width:max-content;${maxw}z-index:75;transform:translateX(${closedX});`
|
|
390
390
|
: m === "icon"
|
|
391
|
-
? `
|
|
392
|
-
|
|
391
|
+
? // `height:100%` so the in-flow (relative) rail fills its parent's height — the top list
|
|
392
|
+
// is `flex-1` and needs container height to push `bottomItems` to the bottom. The
|
|
393
|
+
// absolute modes get their height from `inset-block:0`; a flex parent's `align-items:
|
|
394
|
+
// stretch` isn't reliable across consumer layouts, so set it explicitly.
|
|
395
|
+
`position:relative;inset:auto;height:100%;width:${collapsedW}px;max-width:none;z-index:60;transform:none;`
|
|
396
|
+
: `position:relative;inset:auto;height:100%;width:max-content;${maxw}z-index:60;transform:none;`;
|
|
393
397
|
const lbl = (m: SideBarMenuMode) => (m === "icon" ? "none" : "inline");
|
|
394
398
|
const affix = (m: SideBarMenuMode) => (m === "icon" ? "none" : "inline-flex");
|
|
395
399
|
const burger = (m: SideBarMenuMode) => (m === "stepped" || m === "drawer" ? "inline-flex" : "none");
|