From 056616d8273ce74a2f9c26818fe27dcea004d1a7 Mon Sep 17 00:00:00 2001 From: Edward Brunton <42774600+EdwardBrunton@users.noreply.github.com> Date: Thu, 3 Oct 2024 12:19:29 +0200 Subject: [PATCH] fix: hide quickfilters where the whole text isnt visible --- packages/filter/package.json | 2 +- .../src/lib/components/quickFilter/quickFilter.styles.ts | 8 +++++--- packages/workspace-fusion/package.json | 2 +- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/packages/filter/package.json b/packages/filter/package.json index efc2cfbe..769b4db2 100644 --- a/packages/filter/package.json +++ b/packages/filter/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-filter", - "version": "4.0.4", + "version": "4.0.5", "type": "module", "sideEffects": false, "license": "MIT", diff --git a/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts b/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts index 5dfc4f9c..06079462 100644 --- a/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts +++ b/packages/filter/src/lib/components/quickFilter/quickFilter.styles.ts @@ -16,14 +16,16 @@ export const StyledCompactFilterWrapper = styled.div<{ isExpanded: boolean }>` `; export const StyledQuickFilterGroupsLayout = styled.div` - display: grid; + display: flex; width: 100%; - grid-template-columns: repeat(auto-fit, minmax(max-content, 100px)); - grid-template-rows: 48px; justify-content: flex-end; height: 48px; gap: 20px; align-items: center; + padding: 12px 0; + flex-wrap: wrap; + overflow-y: hidden; + box-sizing: border-box; `; export const StyledWrapper = styled.div` diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json index 2378e00b..7f6ce4ef 100644 --- a/packages/workspace-fusion/package.json +++ b/packages/workspace-fusion/package.json @@ -1,6 +1,6 @@ { "name": "@equinor/workspace-fusion", - "version": "9.0.15", + "version": "9.0.16", "type": "module", "sideEffects": false, "license": "MIT",