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

Merge pull request #349 from Safelite/feature/digital/SSR-513

Browse source 
refactored to get rid of the !important
This commit is contained in:
Jason Wheeler 2023-06-22 14:49:53 -04:00 committed by GitHub
commit 132c8e67b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/iss-components/site-sub-header/site-sub-header.vue
View file

@ -31,7 +31,8 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
cmsWidgetName: String,
hasBackButton: Boolean,
justification: String,
issContainingPage: String
issContainingPage: String,
darkGraySubText: Boolean,
},
computed: {
content() {
@ -53,9 +54,15 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
'justify-content-center';
},
alternateFormatting() {
return (this.issContainingPage?.toLowerCase() === 'service-packages') ?
'service-packages-subtext mt-4 mb-2 px-5' :
'small';
//override for service-packages unique style
if (this.issContainingPage?.toLowerCase() === 'service-packages')
{
return 'service-packages-subtext mt-4 mb-2 px-5';
}
else
{
return this.darkGraySubText ? "dark-gray" : "light-gray";
}
}
},
methods: {
@ -84,9 +91,14 @@ import buttonBack from "@/iss-components/site-sub-header/button-back/button-back
color: inherit;
}
}
p.small {
p.light-gray {
color: $gray-550;
}
p.dark-gray {
color: $darker-gray;
}
p.service-packages-subtext {
font-weight: 500 !important;
line-height: 24px;

6
src/layouts/vehicle-selection/vehicle-selection.vue
View file

@ -12,6 +12,7 @@
cmsWidgetName="SiteSubHeaderWidget"
class="siteSubHeader"
justification="center"
darkGraySubText
/>
<vehicleQuestion
@ -224,11 +225,6 @@ export default {
}
.siteSubHeader {
margin-top: 1.5rem;
p.small {
color: #525656 !important;
}
}
.subheader-secondary {