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>
<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">
<p :class="[this.buttonLabelSubCopy ? 'mb-2' : 'm-0']">
<p class="m-0">
<span v-html="this.buttonLabel"></span>
<span class="pricing-info" v-html="this.buttonAuxillaryCopy"></span>
</p>
@ -113,6 +113,10 @@ export default {
overflow: hidden;
min-height: 58px;
&.has-subheader {
min-height: 86px;
}
&:before {
content: "";
position: relative;