EDSC-4063: fix styling on modals overriding the close icon

nasa · Aug 29, 2024 · 6923988 · 6923988
1 parent 380ebef
commit 6923988
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/static/src/js/components/DeprecatedParameterModal/DeprecatedParameterModal.scss b/static/src/js/components/DeprecatedParameterModal/DeprecatedParameterModal.scss
@@ -20,7 +20,7 @@
         font-size: 1.5rem;
     }
 
-    .close {
+    .edsc-modal__close-btn {
         position: absolute;
         right: 1rem;
         top: 1rem;

diff --git a/static/src/js/components/EDSCModal/EDSCModal.jsx b/static/src/js/components/EDSCModal/EDSCModal.jsx
@@ -90,6 +90,7 @@ export const EDSCModal = ({
           {title}
         </Modal.Title>
         <Button
+          className="edsc-modal__close-btn"
           title="Close EDSCModal"
           icon={Close}
           iconSize="0.80rem"

diff --git a/static/src/js/components/GranuleResults/GranuleResultsFocusedMeta.scss b/static/src/js/components/GranuleResults/GranuleResultsFocusedMeta.scss
@@ -219,7 +219,7 @@
     right: 0.5rem;
   }
 
-  .close {
+  .edsc-modal__close-btn {
     display: flex;
     align-items: center;
     justify-content: center;