From 79e56c643a68b197f19c9f9064817ffa45ea2c8a Mon Sep 17 00:00:00 2001 From: Adam Caouette Date: Mon, 3 Feb 2025 13:47:03 -0500 Subject: [PATCH] CASH-177: CSS fix for button/link outline --- .../save-progress-modal-question.vue | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue index 5b885f27f..27ca1f479 100644 --- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue +++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue @@ -123,6 +123,7 @@ export default { flex-direction: row; justify-content: center; align-items: center; + height: 3rem; border-radius: 0.5rem; &.progress-saved { @@ -156,6 +157,10 @@ export default { background: none; box-shadow: none; } + &:focus-visible span { + outline: 2px solid #005FCC; + border-radius: .25rem; + } &.delay { // fixes flicker while transitioning between states transition: background 0s 0s ease-in-out; @@ -205,7 +210,7 @@ export default { } } } - + .alert { border-radius: $border-radius-lg; border: 1px solid $green;