adding more visual distinction for sui modal button on focus

microsoft · May 10, 2024 · 148f4d2 · 148f4d2
1 parent e06e14c
commit 148f4d2
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/theme/themes/pxt/modules/modal.overrides b/theme/themes/pxt/modules/modal.overrides
@@ -145,6 +145,15 @@
     }
 }
 
+.ui.modal .ui.button:focus {
+    outline: 1px solid @white;
+    outline-offset: -7px;
+}
+
+.ui.modal .ui.button.approve.secondary:focus {
+    background: rgba(0,0,0,0.75);
+}
+
 .header-actions {
     display: flex;
     align-items: center;