fix: Filters alert width (#24801)

apache · Jul 26, 2023 · 4b1f1d4 · 4b1f1d4
1 parent 7750517
commit 4b1f1d4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/...frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx b/...frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigModal.tsx
@@ -63,12 +63,13 @@ import {
 import DividerConfigForm from './DividerConfigForm';
 
 const MODAL_MARGIN = 16;
+const MIN_WIDTH = 880;
 
 const StyledModalWrapper = styled(StyledModal)<{ expanded: boolean }>`
-  min-width: 880px;
-  width: ${({ expanded }) => (expanded ? '100%' : '70%')} !important;
+  min-width: ${MIN_WIDTH}px;
+  width: ${({ expanded }) => (expanded ? '100%' : MIN_WIDTH)} !important;
 
-  @media (max-width: ${880 + MODAL_MARGIN * 2}px) {
+  @media (max-width: ${MIN_WIDTH + MODAL_MARGIN * 2}px) {
     width: 100% !important;
     min-width: auto;
   }

diff --git a/.../dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx b/.../dashboard/components/nativeFilters/FiltersConfigModal/Footer/CancelConfirmationAlert.tsx
@@ -42,6 +42,7 @@ export function CancelConfirmationAlert({
       message={title}
       css={{
         textAlign: 'left',
+        flex: 1,
         '& .ant-alert-action': { alignSelf: 'center' },
       }}
       description={children}