Merge pull request #1073 from Safelite/feature/humphries/INSR-7758.3
INSR-7758: Tweak spacing and header formatting for question-page-layout
This commit is contained in:
commit
7a75412142
2 changed files with 16 additions and 6 deletions
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="iss-heritage-container-width">
|
<div class="iss-heritage-container-width">
|
||||||
<div class="questions-page-layout-container iss-heritage-content-container-width">
|
<div class="questions-page-layout-container iss-heritage-content-container-width">
|
||||||
<siteSubHeader
|
<siteSubHeader
|
||||||
class="mt-4"
|
class="mt-4 subheader"
|
||||||
cmsWidgetName="SiteSubHeaderWidget" />
|
cmsWidgetName="SiteSubHeaderWidget" />
|
||||||
<alert
|
<alert
|
||||||
v-if="alertFewMoreQuestionsHeader || alertFewMoreQuestionsCopy"
|
v-if="alertFewMoreQuestionsHeader || alertFewMoreQuestionsCopy"
|
||||||
|
|
@ -129,6 +129,13 @@ export default {
|
||||||
padding-left: .9375rem;
|
padding-left: .9375rem;
|
||||||
padding-right: .9375rem;
|
padding-right: .9375rem;
|
||||||
}
|
}
|
||||||
|
.subheader {
|
||||||
|
:deep(strong) {
|
||||||
|
color: $black;
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.questions-page {
|
.questions-page {
|
||||||
|
|
@ -141,6 +148,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.need-help-link-container {
|
.need-help-link-container {
|
||||||
|
margin-top: 1.875rem;
|
||||||
margin-bottom: 2.25rem;
|
margin-bottom: 2.25rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -14,14 +14,13 @@
|
||||||
id="stacked"
|
id="stacked"
|
||||||
class="col button-col d-flex px-0">
|
class="col button-col d-flex px-0">
|
||||||
<buttonMain
|
<buttonMain
|
||||||
v-if="!isForwardButtonHidden"
|
|
||||||
ref="buttonMain"
|
ref="buttonMain"
|
||||||
variant="navigation"
|
variant="navigation"
|
||||||
:buttonText="buttonText"
|
:buttonText="buttonText"
|
||||||
:class="
|
:class="{
|
||||||
(disableForwardAction || isForwardActionDisabled) &&
|
'form-test-invalid': (disableForwardAction || isForwardActionDisabled),
|
||||||
'form-test-invalid'
|
'hide-button': isForwardButtonHidden
|
||||||
"
|
}"
|
||||||
:aria-disabled="disableForwardAction || isForwardActionDisabled"
|
:aria-disabled="disableForwardAction || isForwardActionDisabled"
|
||||||
:isDisabled="disableForwardAction || isForwardActionDisabled"
|
:isDisabled="disableForwardAction || isForwardActionDisabled"
|
||||||
data-test-id="site-footer-main-button"
|
data-test-id="site-footer-main-button"
|
||||||
|
|
@ -149,5 +148,8 @@ export default {
|
||||||
margin-top: 1.25rem;
|
margin-top: 1.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.hide-button {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue