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

Merge pull request #372 from Safelite/feature/digital/SSR-598

Browse source 
Refactoring CSS
This commit is contained in:
michaela-brydon-safelite 2023-07-24 09:24:21 -04:00 committed by GitHub
commit b8b5b7f0ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -85,6 +85,9 @@ export default ({
button { button {
color: inherit; color: inherit;
} }
span{
color: $black;
}
} }
p.light-gray { p.light-gray {
color: $gray-550; color: $gray-550;

48
src/layouts/contact-details/contact-details.vue
View file

@ -9,16 +9,16 @@
<siteHeader <siteHeader
ref="siteHeader" ref="siteHeader"
:cmsWidgetName="widget.siteHeader" /> :cmsWidgetName="widget.siteHeader" />
<div class="container-fluid pb-2"> <div class="container-fluid px-6">
<siteSubHeader <siteSubHeader
id="sub-header" id="sub-header"
ref="siteSubHeader" ref="siteSubHeader"
class="margin-top-16" class="mt-5"
:cmsWidgetName="widget.siteSubHeader" /> :cmsWidgetName="widget.siteSubHeader" />
<textboxQuestion <textboxQuestion
ref="firstNameQuestion" ref="firstNameQuestion"
v-model="firstName" v-model="firstName"
class="margin-top-24" class="mt-6"
inputId="firstName" inputId="firstName"
:cmsWidgetName="widget.firstNameQuestion" :cmsWidgetName="widget.firstNameQuestion"
isRequired isRequired
@ -26,7 +26,7 @@
<textboxQuestion <textboxQuestion
ref="lastNameQuestion" ref="lastNameQuestion"
v-model="lastName" v-model="lastName"
class="margin-top-16" class="mt-5"
inputId="lastName" inputId="lastName"
:cmsWidgetName="widget.lastNameQuestion" :cmsWidgetName="widget.lastNameQuestion"
isRequired isRequired
@ -34,7 +34,7 @@
<textboxQuestion <textboxQuestion
ref="emailQuestion" ref="emailQuestion"
v-model="emailAddress" v-model="emailAddress"
class="margin-top-16" class="mt-5"
inputId="emailAddress" inputId="emailAddress"
:cmsWidgetName="widget.emailQuestion" :cmsWidgetName="widget.emailQuestion"
isRequired isRequired
@ -42,7 +42,7 @@
<textboxQuestion <textboxQuestion
ref="phoneNumberQuestion" ref="phoneNumberQuestion"
v-model="phoneNumber" v-model="phoneNumber"
class="margin-top-16" class="mt-5"
inputId="phoneNumber" inputId="phoneNumber"
:cmsWidgetName="widget.phoneNumberQuestion" :cmsWidgetName="widget.phoneNumberQuestion"
isRequired isRequired
@ -51,7 +51,7 @@
ref="requestTextUpdatesCheckbox" ref="requestTextUpdatesCheckbox"
v-model="requestTextUpdates" v-model="requestTextUpdates"
:isChecked="requestTextUpdates" :isChecked="requestTextUpdates"
class="margin-top-8" class="mt-3"
checkboxName="requestTextUpdates" checkboxName="requestTextUpdates"
buttonID="requestTextUpdates" buttonID="requestTextUpdates"
:checkboxLabel="requestTextUpdatesCheckboxText" /> :checkboxLabel="requestTextUpdatesCheckboxText" />
@ -59,7 +59,7 @@
<textareaQuestion <textareaQuestion
ref="notesQuestion" ref="notesQuestion"
v-model="notesForTechnician" v-model="notesForTechnician"
class="margin-top-16" class="mt-5"
inputId="technicianNotes" inputId="technicianNotes"
:isDisabled="false" :isDisabled="false"
:isRequired="false" :isRequired="false"
@ -69,18 +69,18 @@
<p <p
ref="disclaimerText" ref="disclaimerText"
class="disclaimer margin-top-24"> class="caption dark-gray mt-6">
{{ textUpdateDisclaimerText }} I also agree to Safelite's {{ textUpdateDisclaimerText }} I also agree to Safelite's
<textLink <textLink
ref="privacyPolicyLink" ref="privacyPolicyLink"
class="disclaimer-link" class="normal-line-height"
linkType="text" linkType="text"
text="Privacy Policy" text="Privacy Policy"
href="//www.safelite.com/privacy-center" /> href="//www.safelite.com/privacy-center" />
and and
<textLink <textLink
ref="termsOfUseLink" ref="termsOfUseLink"
class="disclaimer-link" class="normal-line-height"
linkType="text" linkType="text"
text="Terms of Use" text="Terms of Use"
href="//www.safelite.com/terms-of-use" />. href="//www.safelite.com/terms-of-use" />.
@ -88,6 +88,7 @@
<siteFooter <siteFooter
ref="siteFooter" ref="siteFooter"
class="my-6"
:cmsWidgetName="widget.siteFooter" :cmsWidgetName="widget.siteFooter"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@forwardClicked="forwardButtonAction" @forwardClicked="forwardButtonAction"
@ -212,32 +213,11 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#sub-header { .dark-gray {
span {
color: $black;
}
}
.margin-top-24 {
margin-top: 24px;
}
.margin-top-16 {
margin-top: 16px;
}
.margin-top-8 {
margin-top: 8px;
}
.disclaimer {
font-size: 12px;
color: $darker-gray; color: $darker-gray;
font-weight: 400;
} }
.disclaimer-link { .normal-line-height {
text-decoration: none;
line-height: normal; line-height: normal;
} }