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

WIP move css block to fix specificity issue.

Browse source
This commit is contained in:
Bryan Mauger 2024-07-08 13:13:43 -04:00
parent b886723e2f
commit 5c13ee9dd2
1 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
View file

@ -12,7 +12,7 @@
]"
for="testradio">
<div class="package-specs">
<div v-if="this.additionalButtonData.servicePackageDiscount" class="row">
<div v-if="this.additionalButtonData.servicePackageDiscount" class="row justify-content-between">
<div class="col md-6">
<p class="m-0">
<span v-html="this.buttonLabel"></span>
@ -136,21 +136,7 @@ export default {
</script>
<style lang="scss">
.discount-text {
line-height: 36px;
display: flex;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
background-color: #469d2a;
align-items: center;
justify-content: center;
padding: 5px;
width: 100%;
color: white;
@include media-breakpoint-up(md) {
position: absolute;
}
}
.package-main {
.package-wrapper {
margin: 1rem 0;
@ -193,7 +179,7 @@ export default {
&.has-subheader {
min-height: 80px;
@include media-breakpoint-up(md) {
padding-top: 46px;
padding-top: 60px;
}
}
&.has-text {
@ -367,6 +353,28 @@ export default {
}
}
}
.discount-text {
line-height: 36px;
display: flex;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
background-color: #469d2a;
align-items: center;
justify-content: center;
padding: 5px;
width: 100%;
color: white;
height: 2.875rem;
@include media-breakpoint-up(md) {
position: absolute;
z-index: 1;
}
@include media-breakpoint-up(md) {
~label .package-label:after {
top: 68px;
}
}
}
}
}
</style>