Add focus outline to the close button.

EreMaijala · Dec 16, 2024 · 261b5f7 · 261b5f7
1 parent 0951ae0
commit 261b5f7
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 6 deletions.
diff --git a/themes/bootprint3/css/compiled.css b/themes/bootprint3/css/compiled.css
diff --git a/themes/bootstrap3/css/compiled.css b/themes/bootstrap3/css/compiled.css
diff --git a/themes/bootstrap3/less/components/lightbox.less b/themes/bootstrap3/less/components/lightbox.less
@@ -40,6 +40,10 @@
     left: 0;
     right: auto;
   }
+
+  &:hover {
+    outline: dotted 1px @text-color;
+  }
 }
 #modal .close svg {
   width: 1em;

diff --git a/themes/bootstrap3/scss/components/lightbox.scss b/themes/bootstrap3/scss/components/lightbox.scss
@@ -40,6 +40,10 @@
     left: 0;
     right: auto;
   }
+
+  &:hover {
+    outline: dotted 1px $text-color;
+  }
 }
 #modal .close svg {
   width: 1em;

diff --git a/themes/bootstrap5/css/compiled.css b/themes/bootstrap5/css/compiled.css
diff --git a/themes/bootstrap5/scss/components/lightbox.scss b/themes/bootstrap5/scss/components/lightbox.scss
@@ -40,6 +40,10 @@
     left: 0;
     right: auto;
   }
+
+  &:hover {
+    outline: dotted 1px $text-color;
+  }
 }
 #modal .close svg {
   width: 1em;

diff --git a/themes/local_theme_example/css/compiled.css b/themes/local_theme_example/css/compiled.css
diff --git a/themes/sandal/css/compiled.css b/themes/sandal/css/compiled.css
diff --git a/themes/sandal5/css/compiled.css b/themes/sandal5/css/compiled.css