CSR-949 | Show subheader text when valid
This commit is contained in:
parent
5508f266e6
commit
114e7ab26c
1 changed files with 6 additions and 2 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue