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

Merge pull request #2776 from Safelite/feature/bugfix/CASH-1416

Browse source 
CASH-1416: add wrapper element and styles to fix global alert width bug
This commit is contained in:
AdamCaouetteSafelite 2025-08-19 10:53:29 -04:00 committed by GitHub
commit 593b16ba1d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -26,16 +26,18 @@
</div> </div>
</div> </div>
<template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id"> <template v-for="globalAlert in globalAlertMessages" :key="globalAlert.id">
<transition name="fade" mode="out-in"> <div class="container d-flex global-alert-wrapper">
<alert <transition name="fade" mode="out-in">
v-if="globalAlert.displayAlert" <alert
class="rounded-0 w-100 border-0 shadow-sm" v-if="globalAlert.displayAlert"
cmsWidgetName="GlobalAlert" class="rounded-0 w-100 border-0 shadow-sm"
:manualHeadline="globalAlert.messageHeadline" cmsWidgetName="GlobalAlert"
:manualCopy="globalAlert.messageCopy" :manualHeadline="globalAlert.messageHeadline"
:alertClass="globalAlert.type" :manualCopy="globalAlert.messageCopy"
v-bind:isDismissible="globalAlert.isDismissible" /> :alertClass="globalAlert.type"
</transition> v-bind:isDismissible="globalAlert.isDismissible" />
</transition>
</div>
</template> </template>
</template> </template>
@ -257,4 +259,7 @@ export default {
} }
} }
} }
.global-alert-wrapper .alert {
margin: 0 0 1.5rem;
}
</style> </style>