@nonoun/native-dashboard 0.4.20 → 0.4.22
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/native-dashboard.css +26 -0
- package/package.json +1 -1
|
@@ -291,6 +291,19 @@
|
|
|
291
291
|
flex-direction: column;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
+
/* WHY: Menus in the sidebar header should always open below the trigger.
|
|
295
|
+
The header sits at the top of the viewport — inline-end flyout is wrong here.
|
|
296
|
+
Reset flyout-specific origin/transform so the dropdown animation plays. */
|
|
297
|
+
:where(n-sidebar-header) :where(n-listbox[popover]) {
|
|
298
|
+
--n-popover-origin: top center;
|
|
299
|
+
--n-popover-from: perspective(800px) scale(0.96) rotateX(-20deg);
|
|
300
|
+
position-area: block-end span-inline-end;
|
|
301
|
+
position-try-fallbacks: flip-inline;
|
|
302
|
+
margin-block: var(--n-popover-viewport-margin);
|
|
303
|
+
margin-inline: 0;
|
|
304
|
+
margin-block-start: var(--n-popover-gap);
|
|
305
|
+
}
|
|
306
|
+
|
|
294
307
|
/* ── Sidebar Content ── */
|
|
295
308
|
/* WHY: Full height of the aside, scrollable. Padding-block offsets keep
|
|
296
309
|
content from starting behind header / ending behind footer.
|
|
@@ -353,6 +366,19 @@
|
|
|
353
366
|
flex-direction: column;
|
|
354
367
|
}
|
|
355
368
|
|
|
369
|
+
/* WHY: Menus in the sidebar footer should always open above the trigger.
|
|
370
|
+
The footer sits at the bottom of the viewport — mirrors n-sidebar-header.
|
|
371
|
+
Reset flyout-specific origin/transform so the upward animation plays. */
|
|
372
|
+
:where(n-sidebar-footer) :where(n-listbox[popover]) {
|
|
373
|
+
--n-popover-origin: bottom center;
|
|
374
|
+
--n-popover-from: perspective(800px) scale(0.96) rotateX(20deg);
|
|
375
|
+
position-area: block-start span-inline-end;
|
|
376
|
+
position-try-fallbacks: flip-inline;
|
|
377
|
+
margin-block: var(--n-popover-viewport-margin);
|
|
378
|
+
margin-inline: 0;
|
|
379
|
+
margin-block-end: var(--n-popover-gap);
|
|
380
|
+
}
|
|
381
|
+
|
|
356
382
|
/* ── Sidebar Item ── */
|
|
357
383
|
/* WHY: Universal sidebar row element. Provides inline padding for any content
|
|
358
384
|
(buttons, links, icons). When a child n-listbox[popover] is present, JS
|