fix(core/modal): display: flex on body, remove outline on close button (

#7937) Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>
spinnaker · Feb 25, 2020 · 33b2003 · 33b2003
1 parent 7553781
commit 33b2003
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css b/app/scripts/modules/core/src/presentation/modal/ModalBody.module.css
@@ -4,6 +4,7 @@
 @value bodyColor: smoke;
 
 .body {
+  display: flex;
   flex: 1 1 auto;
   overflow: scroll;
   overscroll-behavior: contain;

diff --git a/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css b/app/scripts/modules/core/src/presentation/modal/ModalHeader.module.css
@@ -46,6 +46,7 @@
 .close:hover,
 .close:focus {
   background-color: closeButtonHoverColor;
+  outline: none;
 }
 
 @media belowMobileSize {