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

Multiple QA fixes.

Browse source 
Fixes:
CSR-578, spacing between copy and vin-info toggle
CSR-101, padding incorrect on input
This commit is contained in:
bmauger 2022-05-17 16:18:49 -04:00
parent ea36be7312
commit 9f88939c78
4 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common-components/textbox-question/textbox-question.vue
View file

@ -19,7 +19,7 @@
:validationRules="validationRules" :validationRules="validationRules"
/> />
<div v-show="errorMessage" class="row my-2 form-test-error"> <div v-show="errorMessage" class="row my-2 form-test-error">
<span role="alert">{{ errorMessage }}</span> <span class="d-inline-flex mt-2" role="alert">{{ errorMessage }}</span>
</div> </div>
</div> </div>
</template> </template>
@ -159,6 +159,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: .5rem; border-radius: .5rem;
min-height: 3rem; min-height: 3rem;
padding: 12px 16px;
&::placeholder { &::placeholder {
color: $gray-500; color: $gray-500;
} }

2
src/layouts/vin-lookup/vin-information/vin-information.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div class="vin-information"> <div class="vin-information mt-2">
<div class="vin-toggle d-inline-flex" :class="[isActive ? 'active' : '']" @click="toggleClass()"> <div class="vin-toggle d-inline-flex" :class="[isActive ? 'active' : '']" @click="toggleClass()">
<textLink :text="HeadlineText" linkType="text" href="#!" /> <textLink :text="HeadlineText" linkType="text" href="#!" />
</div> </div>

2
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -14,7 +14,7 @@
/> />
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" /> <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
<div class="fade-on-route-transition sub-container make-tall"> <div class="fade-on-route-transition sub-container make-tall">
<div class="row my-2"> <div class="row mt-2">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
cmsWidgetName="VinNumber" cmsWidgetName="VinNumber"

12
src/styles/common-error-styles.scss
View file

@ -1,7 +1,7 @@
html { html {
.has-error { .has-error {
&.list-button, &.list-button,
&.list-card, &.list-card,
&.list-card.list-button { &.list-card.list-button {
color: $red; color: $red;
input[type=checkbox]:focus + label, input[type=checkbox]:focus + label,
@ -16,12 +16,12 @@ html {
border-radius: 10px; border-radius: 10px;
} }
label { label {
border: 1px solid $red; border: 1px solid $red;
} }
label:hover { label:hover {
box-shadow: 0px 0px 0px 4px $red-200; box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 10px; border-radius: 10px;
border: 1px solid $red; border: 1px solid $red;
} }
} }
&.list-button-horizontal { &.list-button-horizontal {
@ -114,8 +114,10 @@ html {
color: $red; color: $red;
font-size: .875rem; font-size: .875rem;
font-weight: 500; font-weight: 500;
height: 1.5rem; height: 1.5rem;
margin-top: .25rem !important; margin-top: .25rem !important;
display: initial;
padding-top: .5rem;
} }
.form-test-invalid { .form-test-invalid {