UI Defect Fixes

This commit is contained in:
Chloe Herd 2025-08-20 10:58:17 -04:00
parent 47fe28c12e
commit 9b0aaeaf96
2 changed files with 10 additions and 5 deletions

View file

@ -67,7 +67,7 @@
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-8 col-xl-6">
<div class="col-md-8 col-xl-6 nav-container">
<contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
<contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
<contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
@ -901,6 +901,12 @@ export default {
// Unique to quote page for 2.0/Heritage parity
.quote {
padding-bottom: 2rem;
.nav-container {
/* Create correct positioning point for .nav-bar a.navigation-link */
position: relative;
}
:deep(.nav-bar) {
position: initial;
button.btn {
@ -910,10 +916,7 @@ export default {
a.navigation-link {
position: absolute;
left: 1rem;
bottom: 1rem;
@include media-breakpoint-up(lg) {
left: 6rem;
}
bottom: -1rem;
}
.col-auto {
width: -webkit-fill-available;

View file

@ -145,6 +145,8 @@ export default {
<style lang="scss">
.alert {
padding: 0.675rem 0;
border-radius: 0.5rem;
border-width: 0px;
button {
display: none;