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

Merge pull request #2796 from Safelite/feature/CASH-1427

Browse source 
Pull success alert outside of containing block.
This commit is contained in:
chloeherdsafelite 2025-08-26 13:48:43 -04:00 committed by GitHub
commit 6d4c75ad0b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,18 +1,15 @@
<template> <template>
<div class="save-progress-modal-question" :class="isProgressSaved ? 'progress-saved' : ''"> <div
class="save-progress-modal-question"
:class="isProgressSaved ? 'progress-saved' : ''"
v-if="!isProgressSaved">
<buttonMain <buttonMain
type="button" type="button"
v-if="!isProgressSaved"
:buttonText="buttonText" :buttonText="buttonText"
loaderColor="white" loaderColor="white"
:suppressLoader="true" :suppressLoader="true"
class="open-save-progress-button" class="open-save-progress-button"
@click-event="openModal" /> @click-event="openModal" />
<alert
class="my-4"
v-else
cmsWidgetName="SaveProgressModalAlertWidget"
alertClass="alert-success" />
<modal <modal
:ref="modalName" :ref="modalName"
:headerText="modalHeaderText" :headerText="modalHeaderText"
@ -30,6 +27,11 @@
</template> </template>
</modal> </modal>
</div> </div>
<alert
class="my-4 save-your-progress-alert"
v-else
cmsWidgetName="SaveProgressModalAlertWidget"
alertClass="alert-success" />
</template> </template>
<script> <script>
@ -239,7 +241,9 @@ export default {
} }
} }
} }
}
.save-your-progress-alert {
.alert { .alert {
border-radius: $border-radius-lg; border-radius: $border-radius-lg;
border: 1px solid $green; border: 1px solid $green;
@ -250,7 +254,6 @@ export default {
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
color: $black; color: $black;
text-align: left;
padding-left: 1.5rem; padding-left: 1.5rem;
&::before { &::before {
position: absolute; position: absolute;