Merge pull request #882 from Safelite/feature/SSR-1634
SSR-1634: Essential Client Customizations
This commit is contained in:
commit
00a30e9b2a
2 changed files with 18 additions and 5 deletions
|
|
@ -17,7 +17,7 @@
|
|||
<div class="col-md-6 col-xl-4">
|
||||
<h5
|
||||
ref="siteSubHeader"
|
||||
class="text-center text-black"
|
||||
class="sub-header text-center text-black"
|
||||
v-html="coverageStatementSubHeader"></h5>
|
||||
<div
|
||||
ref="explanatoryText"
|
||||
|
|
@ -464,12 +464,18 @@ export default {
|
|||
return isRepair;
|
||||
case 'deductibleOverZero':
|
||||
return (
|
||||
this.isDeductibleVisible && this.deductibleValue !== 0
|
||||
); // TODO what if deductible is negative?
|
||||
this.isDeductibleVisible && this.deductibleValue > 0
|
||||
);
|
||||
case 'isDeductibleZero':
|
||||
return (
|
||||
this.isDeductibleVisible && this.deductibleValue === 0
|
||||
this.isDeductibleVisible && this.deductibleValue <= 0
|
||||
);
|
||||
case 'verifiedRepair':
|
||||
return isRepair && this.isDeductibleVisible;
|
||||
case 'verifiedReplaceZeroDeductible':
|
||||
return !isRepair && this.isDeductibleVisible && this.deductibleValue <= 0;
|
||||
case 'verifiedReplaceDeductibleOverZero':
|
||||
return !isRepair && this.isDeductibleVisible && this.deductibleValue > 0;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
|
|
@ -502,6 +508,9 @@ export default {
|
|||
.deductible-text {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.sub-header {
|
||||
line-height: 2rem;
|
||||
}
|
||||
:deep ol {
|
||||
padding: 0;
|
||||
padding-left: 1.125rem;
|
||||
|
|
@ -521,6 +530,10 @@ export default {
|
|||
color: $black;
|
||||
}
|
||||
}
|
||||
:deep .body-text {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
:deep .question-text {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ ref="theForm"
|
|||
<siteSubHeader
|
||||
id="sub-header"
|
||||
cmsWidgetName="SiteSubHeader"
|
||||
class="mb-0 mt-4" />
|
||||
class="mb-0 mt-4 text-center" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
|
|
|
|||
Loading…
Reference in a new issue