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

Refactoring CSS

Browse source
This commit is contained in:
brydon1 2023-07-21 12:47:30 -04:00
parent 8ce668e166
commit 26b2ca50cf
1 changed files with 14 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
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-5">
<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"
@ -218,26 +219,11 @@ export default {
} }
} }
.margin-top-24 { .dark-gray {
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;
} }