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

all ITAC styling correct

Browse source
This commit is contained in:
Katie Kroell 2023-08-15 15:41:48 -04:00
parent b1bb5b3588
commit 3869d5f10f
1 changed files with 41 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -44,14 +44,14 @@
</div> </div>
<div <div
v-if="verifiedITAC" v-if="verifiedITAC"
class="d-flex justify-content-center mb-4"> class="d-flex justify-content-center mb-4 deductible-text">
{{ deductibleText }}&nbsp; {{ deductibleText }}&nbsp;
<span class="text-success fw-bold">{{ formattedDeductible }}</span> <span class="text-success fw-bold">{{ formattedDeductible }}</span>
</div> </div>
<alert <alert
v-if="verifiedITAC" v-if="verifiedITAC"
ref="verifiedITACAlert" ref="verifiedITACAlert"
class="mb-4" class="mb-5"
cmsWidgetName="VerifiedITACAlert" cmsWidgetName="VerifiedITACAlert"
:manualHeadline="verifiedITACAlertHeader" :manualHeadline="verifiedITACAlertHeader"
:manualCopy="verifiedITACAlertBody" :manualCopy="verifiedITACAlertBody"
@ -66,19 +66,16 @@
class="body-text" class="body-text"
v-html="nextStepsBody"> v-html="nextStepsBody">
</div> </div>
<div <buttonQuestion
class="button-wrapper"> v-if="displayQuote"
<buttonQuestion v-model="selectedProvider"
v-if="displayQuote" cmsWidgetName="ServiceProviderQuestion"
v-model="selectedProvider" :questionText="questionText"
cmsWidgetName="ServiceProviderQuestion" :answers="answersFromCms"
:questionText="questionText" buttonTypeString="listButton"
:answers="answersFromCms" isRequired
buttonTypeString="listButton" :validationRules="rules.selectionRequired">
isRequired </buttonQuestion>
:validationRules="rules.selectionRequired">
</buttonQuestion>
</div>
</div> </div>
<siteFooter <siteFooter
ref="siteFooter" ref="siteFooter"
@ -419,13 +416,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.body-text {
p {
font-size: 14px;
line-height: 24px;
margin-bottom: 8px;
}
}
.cost { .cost {
color: $green; color: $green;
@ -434,32 +424,46 @@ export default {
line-height: 44px; line-height: 44px;
} }
.question-text { .deductible-text {
line-height: 24px;
}
::v-deep p {
line-height: 24px;
font-size: 14px;
margin-bottom: 8px;
}
::v-deep .question-text {
margin-top: 1.5rem;
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.5rem;
& > span { & > span {
text-align: left; text-align: left;
} }
} }
.deductible-modal { ::v-deep .deductible-modal {
p { p {
margin-bottom: 0px !important; margin-bottom: 0px !important;
} font-size: 16px;
h5.mb-4 {
color: black;
}
.modal-body p:last-child {
font-size: 16px !important;
line-height: 26px; line-height: 26px;
} }
.my-4 {
margin-top: 8px !important;
margin-bottom: 0px !important;
}
img.mb-4 { img.mb-4 {
margin: 0 !important; margin: 0 !important;
} }
h5 {
color: black;
}
p:last-child {
margin-top: 0.5rem;
}
} }
// .my-4 {
// margin-top: 8px !important;
// margin-bottom: 0px !important;
// }
</style> </style>