fix retreival tooltip overlays retreival modal (#20591)

Graylog2 · Oct 2, 2024 · 709b7ba · 709b7ba
1 parent 0a917fc
commit 709b7ba
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/graylog2-web-interface/src/components/common/ConfirmDialog.tsx b/graylog2-web-interface/src/components/common/ConfirmDialog.tsx
@@ -16,10 +16,15 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
+import styled from 'styled-components';
 
 import { Modal } from 'components/bootstrap';
 import ModalSubmit from 'components/common/ModalSubmit';
 
+const StyledModal = styled(Modal)`
+  z-index: 1070;
+`;
+
 type Props = {
   show?: boolean,
   onConfirm: (event) => void,
@@ -48,7 +53,7 @@ const ConfirmDialog = ({
   const onHide = hideCancelButton ? onConfirm : onCancel;
 
   return (
-    <Modal show={show} onHide={onHide}>
+    <StyledModal show={show} onHide={onHide}>
       <Modal.Header closeButton>
         <Modal.Title>{title}</Modal.Title>
       </Modal.Header>
@@ -65,7 +70,7 @@ const ConfirmDialog = ({
                      submitButtonText={btnConfirmText}
                      displayCancel={!hideCancelButton as any} />
       </Modal.Footer>
-    </Modal>
+    </StyledModal>
   );
 };