add responsive false to some euiFlexGroups

elastic · Oct 19, 2021 · cb2cb9a · cb2cb9a
1 parent e442000
commit cb2cb9a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/...ation_util/public/components/controls/control_group/component/control_group_component.tsx b/...ation_util/public/components/controls/control_group/component/control_group_component.tsx
@@ -110,7 +110,13 @@ export const ControlGroup = () => {
       })}
     >
       {idsInOrder.length > 0 ? (
-        <EuiFlexGroup gutterSize="m" wrap={false} direction="row" alignItems="center">
+        <EuiFlexGroup
+          wrap={false}
+          gutterSize="m"
+          direction="row"
+          responsive={false}
+          alignItems="center"
+        >
           <EuiFlexItem>
             <DndContext
               onDragStart={({ active }) => setDraggingId(active.id)}
@@ -147,7 +153,7 @@ export const ControlGroup = () => {
             </DndContext>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiFlexGroup className="groupEditActions" gutterSize="xs">
+            <EuiFlexGroup responsive={false} className="groupEditActions" gutterSize="xs">
               <EuiFlexItem>
                 <EuiToolTip content={ControlGroupStrings.management.getManageButtonTitle()}>
                   <EuiButtonIcon

diff --git a/...gins/presentation_util/public/components/controls/control_group/editor/control_editor.tsx b/...gins/presentation_util/public/components/controls/control_group/editor/control_editor.tsx
@@ -124,7 +124,7 @@ export const ControlEditor = ({
         </EuiForm>
       </EuiFlyoutBody>
       <EuiFlyoutFooter>
-        <EuiFlexGroup justifyContent="spaceBetween">
+        <EuiFlexGroup responsive={false} justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
               aria-label={`cancel-${title}`}

diff --git a/.../presentation_util/public/components/controls/control_group/editor/edit_control_group.tsx b/.../presentation_util/public/components/controls/control_group/editor/edit_control_group.tsx
@@ -139,7 +139,7 @@ export const EditControlGroup = ({ closeFlyout }: { closeFlyout: () => void }) =
         </EuiButtonEmpty>
       </EuiFlyoutBody>
       <EuiFlyoutFooter>
-        <EuiFlexGroup justifyContent="spaceBetween">
+        <EuiFlexGroup responsive={false} justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
               aria-label={`cancel-editing-group`}