@nonoun/native-dashboard 0.4.19 → 0.4.20
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 -2
- package/package.json +1 -1
|
@@ -561,6 +561,30 @@
|
|
|
561
561
|
transform var(--n-duration) var(--n-easing);
|
|
562
562
|
}
|
|
563
563
|
|
|
564
|
+
/* ── Nav Item Slots ── */
|
|
565
|
+
|
|
566
|
+
/* Leading icon — flex-shrink keeps icon fixed size */
|
|
567
|
+
:where(n-sidebar-nav-item) > :where([slot="leading"]) {
|
|
568
|
+
flex-shrink: 0;
|
|
569
|
+
display: flex;
|
|
570
|
+
align-items: center;
|
|
571
|
+
gap: calc(var(--n-space) * 2);
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
/* Trailing — push to end, stay fixed */
|
|
575
|
+
:where(n-sidebar-nav-item) > :where([slot="trailing"]) {
|
|
576
|
+
margin-inline-start: auto;
|
|
577
|
+
flex-shrink: 0;
|
|
578
|
+
display: flex;
|
|
579
|
+
align-items: center;
|
|
580
|
+
gap: calc(var(--n-space) * 2);
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
/* Content — full-width row below */
|
|
584
|
+
:where(n-sidebar-nav-item) > :where([slot="content"]) {
|
|
585
|
+
flex-basis: 100%;
|
|
586
|
+
}
|
|
587
|
+
|
|
564
588
|
/* ── Nav Item States ── */
|
|
565
589
|
|
|
566
590
|
:where(n-sidebar-nav-item):hover,
|
|
@@ -589,8 +613,8 @@
|
|
|
589
613
|
outline-offset: -2px;
|
|
590
614
|
}
|
|
591
615
|
|
|
592
|
-
/* Badge in nav item — push to trailing edge */
|
|
593
|
-
:where(n-sidebar-nav-item) > :where(.badge) {
|
|
616
|
+
/* Badge in nav item — push to trailing edge (non-slotted fallback) */
|
|
617
|
+
:where(n-sidebar-nav-item) > :where(n-badge, .badge):not([slot]) {
|
|
594
618
|
margin-inline-start: auto;
|
|
595
619
|
flex-shrink: 0;
|
|
596
620
|
}
|