CSR-949 | Show subheader text when valid

This commit is contained in:
Scott Kiener 2022-12-05 21:30:49 -05:00
parent 5508f266e6
commit 114e7ab26c

View file

@ -1,8 +1,8 @@
<template> <template>
<baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue"> <baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
<div class="package-label" for="testradio"> <div class="package-label" :class="[this.buttonLabelSubCopy ? 'has-subheader' : '']" for="testradio">
<div class="package-specs"> <div class="package-specs">
<p :class="[this.buttonLabelSubCopy ? 'mb-2' : 'm-0']"> <p class="m-0">
<span v-html="this.buttonLabel"></span> <span v-html="this.buttonLabel"></span>
<span class="pricing-info" v-html="this.buttonAuxillaryCopy"></span> <span class="pricing-info" v-html="this.buttonAuxillaryCopy"></span>
</p> </p>
@ -113,6 +113,10 @@ export default {
overflow: hidden; overflow: hidden;
min-height: 58px; min-height: 58px;
&.has-subheader {
min-height: 86px;
}
&:before { &:before {
content: ""; content: "";
position: relative; position: relative;