Skip to content

Commit c7f19ef

Browse files
harsh-vadorclaude
andcommitted
style(ui-core): compact borderless FilterSelect trigger
size sm with tight horizontal padding so a full quick-filter toolbar fits on one row beside the sort controls, like the legacy triggers. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent dc3e026 commit c7f19ef

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

  • openmetadata-ui-core-components/src/main/resources/ui/src/components/application/filter-select

openmetadata-ui-core-components/src/main/resources/ui/src/components/application/filter-select/filter-select.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,9 @@ const TriggerButton = ({
6969
<Button
7070
className={cx(
7171
'tw:whitespace-nowrap',
72+
// The borderless trigger hugs its label like the legacy quick
73+
// filters, so a full toolbar of them fits on one row.
74+
!bordered && 'tw:px-2',
7275
hasSelection &&
7376
!bordered &&
7477
'tw:text-fg-brand-primary tw:hover:text-fg-brand-primary',
@@ -78,7 +81,7 @@ const TriggerButton = ({
7881
data-testid={testId}
7982
iconLeading={icon}
8083
iconTrailing={ChevronDown}
81-
size="md">
84+
size={bordered ? 'md' : 'sm'}>
8285
{text}
8386
</Button>
8487
);

0 commit comments

Comments
 (0)