Fix toast button focus outline contrast ratio

Fixes AB#1137
Azure · Oct 19, 2023 · 08663a2 · 08663a2
1 parent e423edc
commit 08663a2
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/desktop/src/@batch-flask/ui/notifications/toast/toast.scss b/desktop/src/@batch-flask/ui/notifications/toast/toast.scss
@@ -41,6 +41,22 @@ bl-toast {
         background-color: $warn-color;
     }
 
+    &.success > .focus-outline.focus-visible {
+        outline-color: $success-contrast-color;
+    }
+
+    &.error > .focus-outline.focus-visible {
+        outline-color: $danger-contrast-color;
+    }
+
+    &.info > .focus-outline.focus-visible {
+        outline-color: $primary-contrast-color;
+    }
+
+    &.warn > .focus-outline.focus-visible {
+        outline-color: $warn-contrast-color;
+    }
+
     &.notification-hidden {
         opacity: 0;
     }
@@ -58,6 +74,7 @@ bl-toast {
 
     > .dismiss-btn {
         cursor: pointer;
+        padding: 2px;
         .fa-times {
             color: $primary-contrast-color;
         }