jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge remote-tracking branch 'origin/feature/CASH-109' into feature/CASH-109

Browse source
This commit is contained in:
CarlNation 2025-01-18 08:37:34 -05:00
commit d9514d4dcb
3 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
View file

@ -128,7 +128,7 @@ export default {
@include blue-gradient; @include blue-gradient;
} }
&:focus, // Mouse, touch, stylus focus &:focus, // Mouse, touch, stylus focus
&:focus-visible { &:focus-visible {
// Keyboard focus for accessibility // Keyboard focus for accessibility
outline: none; outline: none;
box-shadow: box-shadow:

4
src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
View file

@ -53,6 +53,10 @@ export default {
modalWidgetName: String, modalWidgetName: String,
pageName: String, pageName: String,
}, },
unmounted() {
// remove any modal effects before leaving page (e.g. user hits browser back button)
this.modal.closeModal();
},
computed: { computed: {
buttonText() { buttonText() {
return this.getCmsContent(this.modalWidgetName, "SubheaderText"); return this.getCmsContent(this.modalWidgetName, "SubheaderText");

12
src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
View file

@ -143,11 +143,12 @@ export default {
} }
} }
.skip-button { .btn.btn-secondary.skip-button {
order: 4; order: 4;
position: relative; position: relative;
color: $black; color: $black;
border: none; border: none;
border-radius: .25rem;
font-weight: 900; font-weight: 900;
font-size: 0.875rem; font-size: 0.875rem;
text-align: center; text-align: center;
@ -164,12 +165,17 @@ export default {
&:hover, &:hover,
&:active, &:active,
&:focus, &:focus {
&:focus-visible {
color: $blue-700; color: $blue-700;
background: none; background: none;
box-shadow: none; box-shadow: none;
} }
&:focus-visible {
outline: none;
box-shadow:
0 0 0 3px $white,
0 0 0 5.5px $blue-300;
}
&.delay { &.delay {
// fixes flicker while transitioning between states // fixes flicker while transitioning between states