Merge pull request #1807 from Safelite/feature/CSR-1977-ajc

CSR-1977: more adjustments for upper case styling
This commit is contained in:
AdamCaouetteSafelite 2024-03-19 13:00:49 -04:00 committed by GitHub
commit aec4547c31
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 9 additions and 3 deletions

View file

@ -109,7 +109,7 @@
</div> </div>
</div> </div>
<div <div
class="my-2 lh-1 applied-promo" class="my-2 lh-1 applied-promo-tag"
v-for="(promoCode, i) in this.getPromoCodeList()" v-for="(promoCode, i) in this.getPromoCodeList()"
:key="i"> :key="i">
<span class="caption" <span class="caption"
@ -1011,7 +1011,7 @@ export default {
text-decoration: none; text-decoration: none;
} }
} }
.applied-promo { .applied-promo-tag {
span { span {
color: $green-700; color: $green-700;
font-weight: 500; font-weight: 500;

View file

@ -51,7 +51,9 @@
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" v-for="(promoCode, i) in this.getPromoCodeList()" :key="i">
<span class="applied-promo">Promo code "{{ promoCode }}" applied </span> <span class="applied-promo"
>Promo code <span class="promo-code">{{ promoCode }}</span> applied
</span>
<textLink <textLink
ref="removeLink" ref="removeLink"
linkType="text" linkType="text"
@ -343,6 +345,10 @@ export default {
font-weight: 500; font-weight: 500;
line-height: 24px; line-height: 24px;
color: #0c7e47; color: #0c7e47;
.promo-code {
text-transform: uppercase;
}
} }
.alert { .alert {
color: #d4281c; color: #d4281c;