@muten/shadcn 0.1.9 → 0.1.10
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/kit.css +5 -1
- package/package.json +1 -1
package/kit.css
CHANGED
|
@@ -1299,6 +1299,9 @@ html.cx-locked { overflow: hidden; }
|
|
|
1299
1299
|
.cx-tab { position: relative; z-index: 1; color: color-mix(in srgb, var(--foreground) 62%, transparent); }
|
|
1300
1300
|
.cx-tab:hover { background: transparent; color: var(--foreground); }
|
|
1301
1301
|
.cx-tab[aria-selected="true"] { color: var(--foreground); }
|
|
1302
|
+
/* a segment picks with the sliding pill, not with a filled button: beats the generic «pressed = selected» fill above */
|
|
1303
|
+
.cx-tabs > .cn-button.cx-tab[aria-pressed="true"][aria-pressed][aria-pressed],
|
|
1304
|
+
.cx-tabs > .cn-button.cx-tab[aria-pressed="true"][aria-pressed][aria-pressed]:hover { background: transparent; border-color: transparent; color: var(--foreground); }
|
|
1302
1305
|
.cx-tabs.line .cx-tab { height: 36px; border-radius: 0; }
|
|
1303
1306
|
.cx-tab .cx-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px; background: color-mix(in srgb, var(--foreground) 9%, transparent); font-size: 11px; font-variant-numeric: tabular-nums; display: inline-grid; place-items: center; }
|
|
1304
1307
|
.cx-tab[aria-selected="true"] .cx-count { background: var(--selected); color: var(--selected-foreground); }
|
|
@@ -4869,7 +4872,8 @@ a.cx-bc-item:hover { color: var(--foreground); }
|
|
|
4869
4872
|
/* the crossed-citas alert sits under the strip, full width, with its button */
|
|
4870
4873
|
.cx-ag-top > [data-ag-alert] { margin: 0; }
|
|
4871
4874
|
/* no view picked (a range is on): the tabs show none, not the first */
|
|
4872
|
-
|
|
4875
|
+
/* the pill shows while a tab is chosen: Tabs mark it aria-selected, SegmentedItem aria-pressed */
|
|
4876
|
+
.cx-tabs:not(:has(.cx-tab:is([aria-selected="true"], [aria-pressed="true"]))) > .cx-tab-ind { opacity: 0; }
|
|
4873
4877
|
/* who waits that day: two faces and how many */
|
|
4874
4878
|
.cx-ag-queue { display: flex; align-items: center; gap: 0; }
|
|
4875
4879
|
.cx-ag-queue > .cn-avatar, .cx-ag-queue > .cx-ag-face { width: 24px; height: 24px; min-width: 24px; font-size: 10px; letter-spacing: 0; overflow: hidden; box-shadow: 0 0 0 2px var(--card, var(--background)); }
|