fix: hide quickfilters where the whole text isnt visible

equinor · Oct 3, 2024 · 056616d · 056616d
1 parent 5e90513
commit 056616d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/workspace-fusion",
-  "version": "9.0.15",
+  "version": "9.0.16",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",