From 08663a2472235f7c6512b8b8af37ca360afd6923 Mon Sep 17 00:00:00 2001 From: David Watrous <509299+dpwatrous@users.noreply.github.com> Date: Thu, 19 Oct 2023 09:47:13 -0400 Subject: [PATCH] Fix toast button focus outline contrast ratio Fixes AB#1137 --- .../ui/notifications/toast/toast.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/desktop/src/@batch-flask/ui/notifications/toast/toast.scss b/desktop/src/@batch-flask/ui/notifications/toast/toast.scss index 5d33b8bb14..4f039331a1 100644 --- 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; }