From 87c86f8bde7819631f77d9bebe938e0e29602356 Mon Sep 17 00:00:00 2001 From: bmauger Date: Wed, 18 May 2022 08:28:04 -0400 Subject: [PATCH 1/4] Update error styles. --- src/styles/common-error-styles.scss | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index e714e85cd..cbbbf1a03 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -3,6 +3,7 @@ html { &.list-button, &.list-card, &.list-card.list-button { + border: none; color: $red; input[type=checkbox]:focus + label, input[type=radio]:focus + label { @@ -13,10 +14,11 @@ html { } &:hover { box-shadow: 0px 0px 0px 4px $red-200; - border-radius: 10px; + border-radius: .5rem; } label { border: 1px solid $red; + border-radius: .5rem; } label:hover { box-shadow: 0px 0px 0px 4px $red-200; @@ -51,12 +53,21 @@ html { } &.textbox-question, &.dropdown-question { + input:hover { + box-shadow: 0px 0px 0px 4px $red-200; + border-radius: .5rem; + border: 1px solid $red; + } + input:focus { + box-shadow: 0 0 0 2.5px $red; + } p { color: $red; } input, select { - border: 1px solid $red; + border: 1px solid transparent; + box-shadow: 0 0 0 1px $red; &:focus { border: 1px solid transparent; } From c0cd993f86d95ab1d46789ec14205a489ce03572 Mon Sep 17 00:00:00 2001 From: bmauger Date: Wed, 18 May 2022 08:43:08 -0400 Subject: [PATCH 2/4] Remove hover state per Rachel. --- src/styles/common-error-styles.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index cbbbf1a03..f27121675 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -142,7 +142,6 @@ html { &.btn.btn-primary:hover, &.btn.btn-primary:focus, &.btn.btn-primary:focus-visible { - color: $gray !important; background: $gray-200; box-shadow: none; } From aaeb26c3771840abda9e8d0a321b893b01b71753 Mon Sep 17 00:00:00 2001 From: Scott Kiener Date: Wed, 18 May 2022 09:42:57 -0400 Subject: [PATCH 3/4] CSR-550 | Delay animation until displayed The new SVG chunk is just a longer animation. --- src/assets/img/FMGTransitionAnimation.svg | 2 +- src/common-components/loading-modal/loading-modal.vue | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/assets/img/FMGTransitionAnimation.svg b/src/assets/img/FMGTransitionAnimation.svg index b3548305d..c1b6c3e8a 100644 --- a/src/assets/img/FMGTransitionAnimation.svg +++ b/src/assets/img/FMGTransitionAnimation.svg @@ -1 +1 @@ -Assessing your damageFinding your glassGenerating your quote \ No newline at end of file +Assessing your damageFinding your glassGenerating your quoteAlmost done...Nearly there...Finishing up... \ No newline at end of file diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue index 31058951e..715acd266 100644 --- a/src/common-components/loading-modal/loading-modal.vue +++ b/src/common-components/loading-modal/loading-modal.vue @@ -1,9 +1,9 @@