Merge pull request #1133 from Safelite/feature/Digital/CSR-1321.1

CSR-1321.1
This commit is contained in:
shnsuku 2023-06-01 16:44:18 +05:30 committed by GitHub
commit 59b19ad8aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 17 additions and 13 deletions

View file

@ -809,7 +809,7 @@ export default {
text-underline-offset: 4px; text-underline-offset: 4px;
box-shadow: none !important; // TODO: FIX THIS box-shadow: none !important; // TODO: FIX THIS
position: absolute; position: absolute;
top: 90%; top: 95.4%;
} }
.past { .past {
@ -872,7 +872,7 @@ export default {
.btn-link { .btn-link {
display: block; display: block;
position: relative; position: relative;
height: 3rem; height: 2rem;
width: 100%; width: 100%;
justify-content: center; justify-content: center;
background: transparent; background: transparent;

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="row" :style="`padding-bottom: ${paddingHeight}px`"></div> <div class="row"></div>
<footer class="footer container-fluid fixed-bottom g-5 bg-light py-4" id="infoBox"> <footer class="footer container-fluid g-5 my-5 px-0" id="infoBox">
<div class="row d-flex flex-row-reverse align-items-center vw-100"> <div class="row d-flex flex-row-reverse align-items-center vw-100">
<div class="col button-col d-flex" id="stacked"> <div class="col button-col d-flex" id="stacked">
<buttonMain <buttonMain
@ -101,6 +101,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.footer { .footer {
overflow: visible;
display: flex; display: flex;
a { a {
display: flex; display: flex;

View file

@ -53,7 +53,7 @@
v-bind:isDismissible="false" /> v-bind:isDismissible="false" />
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<div class="service-zip-field" v-if="showServiceZipField" aria-live="polite"> <div class="service-zip-field" v-if="showServiceZipField" aria-live="polite">
<div class="row mb-4"> <div class="row mt-4 mb-1">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
cmsWidgetName="ServiceZipQuestionWidget" cmsWidgetName="ServiceZipQuestionWidget"

View file

@ -30,7 +30,7 @@
validationRules="email-address-required|email-address-format" /> validationRules="email-address-required|email-address-format" />
</div> </div>
</div> </div>
<div class="row mb-4"> <div class="row mb-0">
<div class="col"> <div class="col">
<textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" /> <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
</div> </div>

View file

@ -12,6 +12,7 @@
cmsWidgetName="AlertVinLookupQuestion" cmsWidgetName="AlertVinLookupQuestion"
alertClass="" /> alertClass="" />
<buttonQuestion <buttonQuestion
class="minus"
cmsWidgetName="VinLookupMethod" cmsWidgetName="VinLookupMethod"
:answers="answersFromCms" :answers="answersFromCms"
groupName="vinLookupMethodOption" groupName="vinLookupMethodOption"
@ -359,4 +360,7 @@ export default {
font-weight: 500; font-weight: 500;
color: $black; color: $black;
} }
.minus {
margin-bottom: -4px;
}
</style> </style>

View file

@ -54,10 +54,9 @@
:manualCopy="AlertNonServiceableZipBody" :manualCopy="AlertNonServiceableZipBody"
alertClass="alert-danger" alertClass="alert-danger"
v-bind:isDismissible="false" /> v-bind:isDismissible="false" />
<div class="row my-2"> <div class="row mt-2" v-if="showServiceZipField">
<div class="col"> <div class="col mb-1">
<textboxQuestion <textboxQuestion
v-if="showServiceZipField"
cmsWidgetName="ServiceZipQuestionWidget" cmsWidgetName="ServiceZipQuestionWidget"
v-model="serviceZipCode" v-model="serviceZipCode"
inputId="serviceZipCode" inputId="serviceZipCode"

View file

@ -3,7 +3,7 @@
<p class="mb-0 color-question-text">{{ colorQuestionText }}</p> <p class="mb-0 color-question-text">{{ colorQuestionText }}</p>
</div> </div>
<div class="nested-radio"> <div class="nested-radio">
<div class="row my-2"> <div class="row mt-2">
<div class="col"> <div class="col">
<buttonQuestion <buttonQuestion
v-model="selectedTint" v-model="selectedTint"
@ -14,7 +14,7 @@
isRequired isRequired
:groupName="`${glassLocation}-${glassName}`" :groupName="`${glassLocation}-${glassName}`"
:validationRules="tintValidationRules"> :validationRules="tintValidationRules">
<div class="row my-2" aria-live="polite"> <div class="row mt-2" aria-live="polite">
<div class="col"> <div class="col">
<buttonQuestion <buttonQuestion
v-model="selectedPartNumber" v-model="selectedPartNumber"

View file

@ -11,7 +11,7 @@
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<div class="prevent-squish my-5"> <div class="prevent-squish my-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col pb-0">
<alert <alert
class="rounded border-0 shadow-sm" class="rounded border-0 shadow-sm"
alertClass="alert-warning" alertClass="alert-warning"

View file

@ -62,7 +62,7 @@
validationRules="email-address-required|email-address-format" /> validationRules="email-address-required|email-address-format" />
</div> </div>
</div> </div>
<div class="row mb-2"> <div class="row mb-0">
<div class="col"> <div class="col">
<textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" /> <textBlock cmsWidgetName="QuoteEmailTextBlockWidget" typeStyle="caption" />
</div> </div>