@notis_ai/cli 0.2.0-beta.1792528460106.1 → 0.2.0-beta.1792531730806.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.
|
@@ -491,6 +491,10 @@ tr.nui-row[data-cursor] { outline: 1px solid hsl(var(--foreground) / .28); outli
|
|
|
491
491
|
that cannot fold scrolls sideways in its one row instead of overflowing the pane. The 2px pad keeps focus rings in. */
|
|
492
492
|
.nui-section[data-kind="bar"] .nui-section-tabs { flex: 1 1 auto; gap: 8px; margin: -2px; padding: 2px; overflow-x: auto; scrollbar-width: none; }
|
|
493
493
|
.nui-section[data-kind="bar"] .nui-section-tabs::-webkit-scrollbar { display: none; }
|
|
494
|
+
/* A bar that scrolls sideways fades its end edge until it is scrolled to the end, so a cut control reads as more
|
|
495
|
+
to swipe, never as clipped text. A bar that fits has no scroll timeline, so it gets no fade. */
|
|
496
|
+
@keyframes nui-bar-end-fade { 0%, 96% { mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); } 100% { mask-image: none; } }
|
|
497
|
+
@supports (animation-timeline: scroll()) { .nui-section[data-kind="bar"] .nui-section-tabs { animation: nui-bar-end-fade linear both; animation-timeline: scroll(self inline); } }
|
|
494
498
|
.nui-section[data-kind="bar"] .nui-section-tabs > :not(.nui-tabrow) { flex-shrink: 0; }
|
|
495
499
|
.nui-section[data-kind="bar"] .nui-section-tabs .nui-toggles { flex-wrap: nowrap; }
|
|
496
500
|
.nui-badge { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 6px; border-radius: 5px; font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; background: hsl(var(--foreground) / .06); color: hsl(var(--foreground) / .75); }
|