From 2b506fde0285df80fe0e7c0a43caf773a9d0bf7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kjell=20H=C3=A5land?= <kjell.haland@bouvet.no>
Date: Thu, 15 Feb 2024 12:03:13 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixed=20cramped=20filter=20colum?=
 =?UTF-8?q?ns=20in=20QuickFilters=20(#587)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fixed cramped filter rows in QuickFilters

* Bumped package versions

* Updated hover-color for quick-filters
---
 packages/power-bi/package.json                |  2 +-
 .../quickFilterGroup/QuickFilterGroup.tsx     | 20 ++++++++++---------
 .../quickFilterGroup.styles.ts                |  7 +++++++
 packages/workspace-fusion/package.json        |  2 +-
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/packages/power-bi/package.json b/packages/power-bi/package.json
index 62fa346c..6b2bc8f5 100644
--- a/packages/power-bi/package.json
+++ b/packages/power-bi/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/workspace-powerbi",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",
diff --git a/packages/power-bi/src/lib/components/quickFilterGroup/QuickFilterGroup.tsx b/packages/power-bi/src/lib/components/quickFilterGroup/QuickFilterGroup.tsx
index bd2edd5f..d43e3677 100644
--- a/packages/power-bi/src/lib/components/quickFilterGroup/QuickFilterGroup.tsx
+++ b/packages/power-bi/src/lib/components/quickFilterGroup/QuickFilterGroup.tsx
@@ -5,7 +5,7 @@ import { ActiveFilter, PowerBiFilter, PowerBiFilterItem } from '../../types';
 import { getFilterHeaderText } from '../../utils/getFilterHeader';
 import { FilterController } from '../Filter/Filter';
 import { PowerBiGroupPopoverMenu } from '../groupPopoverMenu/GroupPopoverMenu';
-import { StyledFilterGroupWrapper } from './quickFilterGroup.styles';
+import { StyledFilterGroupContent, StyledFilterGroupWrapper } from './quickFilterGroup.styles';
 
 interface PowerBiFilterGroupProps {
   controller: FilterController;
@@ -28,15 +28,17 @@ export const PowerBiFilterGroup = ({
   return (
     <>
       <StyledFilterGroupWrapper onClick={() => setIsOpen((s) => !s)} ref={anchorEl}>
-        <div>
-          {getFilterHeaderText(
-            isAllChecked,
-            group.type,
-            activeFilters.map((s) => s?.toString() ?? '(Blank)')
-          )}
-        </div>
+        <StyledFilterGroupContent>
+          <div>
+            {getFilterHeaderText(
+              isAllChecked,
+              group.type,
+              activeFilters.map((s) => s?.toString() ?? '(Blank)')
+            )}
+          </div>
 
-        <Icon color={tokens.colors.text.static_icons__tertiary.hex} name="chevron_down" />
+          <Icon color={tokens.colors.text.static_icons__tertiary.hex} name="chevron_down" />
+        </StyledFilterGroupContent>
       </StyledFilterGroupWrapper>
       {isOpen && (
         <PowerBiGroupPopoverMenu
diff --git a/packages/power-bi/src/lib/components/quickFilterGroup/quickFilterGroup.styles.ts b/packages/power-bi/src/lib/components/quickFilterGroup/quickFilterGroup.styles.ts
index f13b8bb6..2e64028c 100644
--- a/packages/power-bi/src/lib/components/quickFilterGroup/quickFilterGroup.styles.ts
+++ b/packages/power-bi/src/lib/components/quickFilterGroup/quickFilterGroup.styles.ts
@@ -6,6 +6,13 @@ export const StyledFilterGroupWrapper = styled.div`
   width: min-content;
   display: flex;
   align-items: center;
+`;
+
+export const StyledFilterGroupContent = styled.div`
+  height: auto;
+  width: min-content;
+  display: flex;
+  align-items: center;
   cursor: pointer;
   justify-content: center;
   overflow: hidden;
diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json
index e35167d4..aae13248 100644
--- a/packages/workspace-fusion/package.json
+++ b/packages/workspace-fusion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@equinor/workspace-fusion",
-  "version": "7.0.5",
+  "version": "7.0.6",
   "type": "module",
   "sideEffects": false,
   "license": "MIT",