Merge branch 'MDL-73026-master' of https://github.com/junpataleta/moodle

moodle · Nov 11, 2021 · a1d7bfc · a1d7bfc
2 parents fb7caf7 + 2fcf41d
commit a1d7bfc
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/theme/boost/scss/moodle/modal.scss b/theme/boost/scss/moodle/modal.scss
@@ -15,4 +15,17 @@
             }
         }
     }
+
+    // Override Bootstrap .close for better accessibility.
+    .close {
+        // Adjust the margins so the focus outline does not look clipped.
+        margin: -0.8rem -0.8rem -0.8rem auto;
+
+        // Inherit the opacity when focus is received for better focus outline contrast.
+        &:not(:disabled):not(.disabled) {
+            @include hover-focus() {
+                opacity: inherit;
+            }
+        }
+    }
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -19953,6 +19953,11 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
     left: 50%;
     transform: translate(-50%, -50%); }
 
+.modal .close {
+  margin: -0.8rem -0.8rem -0.8rem auto; }
+  .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
+    opacity: inherit; }
+
 .layout.fullscreen {
   height: 100vh;
   position: fixed;

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -19899,6 +19899,11 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
     left: 50%;
     transform: translate(-50%, -50%); }
 
+.modal .close {
+  margin: -0.8rem -0.8rem -0.8rem auto; }
+  .modal .close:not(:disabled):not(.disabled):hover, .modal .close:not(:disabled):not(.disabled):focus {
+    opacity: inherit; }
+
 .layout.fullscreen {
   height: 100vh;
   position: fixed;