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

Merge pull request #2085 from Safelite/CSR-2346-fix-word-wrap-for-promo-in-modal

Browse source 
CSR 2346 fix word wrap for promo in modal
This commit is contained in:
bmauger 2024-11-08 09:23:45 -05:00 committed by GitHub
commit 3b463b809f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/fmg-components/promo-modal-question/promo-modal-question.vue
View file

@ -50,7 +50,7 @@
cmsWidgetName="AlertInshopPromoWidget" cmsWidgetName="AlertInshopPromoWidget"
alertClass="alert-danger" alertClass="alert-danger"
v-bind:isDismissible="false" /> v-bind:isDismissible="false" />
<div class="mt-4" v-for="(promoCode, i) in this.getPromoCodeList()" :key="i"> <div class="mt-4 d-flex align-items-center justify-content-between" v-for="(promoCode, i) in this.getPromoCodeList()" :key="i">
<span class="applied-promo" <span class="applied-promo"
>Promo code <span class="promo-code">{{ promoCode }}</span> applied >Promo code <span class="promo-code">{{ promoCode }}</span> applied
</span> </span>
@ -357,19 +357,18 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.applied-promo { .applied-promo {
padding-right: 4rem; font-size: .875rem;
font-size: 14px;
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
color: #0c7e47; color: $green;
.promo-code { .promo-code {
text-transform: uppercase; text-transform: uppercase;
} }
} }
.alert { .alert {
color: #d4281c; color: $red;
font-size: 14px; font-size: .875rem;
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
} }