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

CASH-1042 WIP steps updates.

Browse source
This commit is contained in:
Bryan Mauger 2025-07-09 15:28:16 -04:00
parent 9d511d0b6f
commit 4327efef6f
2 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/fmg-components/funnel-header/funnel-header.vue
View file

@ -8,7 +8,7 @@
<img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" /> <img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" />
</div> </div>
<div class="button-container webchat"> <div class="button-container webchat">
<span class="webchat"> <span class="webchat d-flex">
<button <button
v-show="shouldShowWebchatButton" v-show="shouldShowWebchatButton"
v-on:click="webchatClicked" v-on:click="webchatClicked"

11
src/fmg-components/funnel-header/menu-modal/menu-modal.vue
View file

@ -6,8 +6,9 @@
:class="[isActive ? 'active' : '']" :class="[isActive ? 'active' : '']"
@click="toggleModal" @click="toggleModal"
aria-label="Hamburger Menu (modal window)"> aria-label="Hamburger Menu (modal window)">
<span class="step-numbers">Step {{ currentStepNumber }} of 4</span> <span v-if="isActive">Close</span>
<div class="bars"> <span v-else>Step {{ currentStepNumber }} of 4 </span>
<div class="bars ms-2">
<div class="bar1"></div> <div class="bar1"></div>
<div class="bar2"></div> <div class="bar2"></div>
<div class="bar3"></div> <div class="bar3"></div>
@ -59,7 +60,6 @@ export default {
data() { data() {
return { return {
isActive: false, isActive: false,
barOrientation: true,
}; };
}, },
methods: { methods: {
@ -156,9 +156,6 @@ export default {
justify-content: space-around; justify-content: space-around;
flex-direction: column; flex-direction: column;
scale: 0.75; scale: 0.75;
@include media-breakpoint-up(md) {
scale: 1;
}
.bar1, .bar1,
.bar2, .bar2,
.bar3 { .bar3 {
@ -181,7 +178,7 @@ export default {
} }
.modal { .modal {
&.menu-modal { &.menu-modal {
//left: auto; left: auto;
height: calc(100% - 68px); height: calc(100% - 68px);
top: 68px; top: 68px;
border-top: 1px solid $gray-300; border-top: 1px solid $gray-300;