[EuiFilterButton] Fix Kibana min-width overrides

- `min-width` is now set on `EuiFilterButtons` even outside of `EuiFilterGroup`s, so CSS needs to update to take that into account
elastic · Jul 25, 2023 · 14e7469 · 14e7469
1 parent f6320c8
commit 14e7469
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.tsx b/packages/kbn-unified-field-list/src/components/field_list_filters/field_type_filter.tsx
@@ -47,7 +47,8 @@ const popoverTitleStyle = css`
   padding: ${EQUAL_HEIGHT_OFFSET}px 0;
 `;
 const filterButtonStyle = css`
-  .euiFilterButton__textShift {
+  &,
+  & .euiFilterButton__textShift {
     min-width: 0;
     line-height: 1;
   }

diff --git a/x-pack/plugins/cases/public/components/user_actions_activity_bar/filter_activity.tsx b/x-pack/plugins/cases/public/components/user_actions_activity_bar/filter_activity.tsx
@@ -27,6 +27,7 @@ const MyEuiFilterGroup = styled(EuiFilterGroup)`
 `;
 
 const FilterAllButton = styled(EuiFilterButton)`
+  &,
   & .euiFilterButton__textShift {
     min-width: 28px;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,6 +27,7 @@ const MyEuiFilterGroup = styled(EuiFilterGroup)` @@
     `;
     const FilterAllButton = styled(EuiFilterButton)`
+      &,
       & .euiFilterButton__textShift {
         min-width: 28px;
       }
@@ Expand Down @@