style(type): correct the trigger text from 16px back to the view-switcher's real 14px
The earlier bump measured the view-switcher's BUTTON (16px, inherited) instead of its visible label span (text-sm = 14px), and 14px is the size the user actually finds comfortable. Walk the over-sized triggers back to text-sm: FilterSelect, SortControl, ViewSwitcher, and the Combobox input (which was 14px before the bump anyway). The secondary text already at text-sm/text-xs (count, chips, widget headers, section labels) was correct and stays.
This commit is contained in:
@@ -197,7 +197,7 @@ export default function Combobox({
|
|||||||
? (placeholder ?? t("common.search", { defaultValue: "Search" }))
|
? (placeholder ?? t("common.search", { defaultValue: "Search" }))
|
||||||
: ""
|
: ""
|
||||||
}
|
}
|
||||||
className="min-w-16 flex-1 bg-transparent px-1 py-0.5 text-base outline-hidden placeholder:text-muted/60"
|
className="min-w-16 flex-1 bg-transparent px-1 py-0.5 text-sm outline-hidden placeholder:text-muted/60"
|
||||||
/>
|
/>
|
||||||
<ChevronDown className="pointer-events-none mr-0.5 h-3.5 w-3.5 shrink-0 text-muted" />
|
<ChevronDown className="pointer-events-none mr-0.5 h-3.5 w-3.5 shrink-0 text-muted" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export default function FilterSelect({
|
|||||||
{...pop.getReferenceProps()}
|
{...pop.getReferenceProps()}
|
||||||
data-testid={testId}
|
data-testid={testId}
|
||||||
aria-label={label}
|
aria-label={label}
|
||||||
className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
|
className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
|
||||||
open ? "border-accent" : "border-border"
|
open ? "border-accent" : "border-border"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -68,7 +68,7 @@ export default function SortControl({
|
|||||||
ref={pop.refs.setReference}
|
ref={pop.refs.setReference}
|
||||||
{...pop.getReferenceProps()}
|
{...pop.getReferenceProps()}
|
||||||
aria-label={label}
|
aria-label={label}
|
||||||
className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
|
className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
|
||||||
open ? "border-accent" : "border-border"
|
open ? "border-accent" : "border-border"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ export default function ViewSwitcher<T extends string>({
|
|||||||
// nicety for wide windows, not the accessible name.
|
// nicety for wide windows, not the accessible name.
|
||||||
aria-label={`${label}: ${current.label}`}
|
aria-label={`${label}: ${current.label}`}
|
||||||
title={`${label}: ${current.label}`}
|
title={`${label}: ${current.label}`}
|
||||||
className={`shrink-0 glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
|
className={`shrink-0 glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
|
||||||
open ? "border-accent" : "border-border"
|
open ? "border-accent" : "border-border"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user