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

Merge pull request #412 from Safelite/csr/414-v3

Browse source 
ui defects
This commit is contained in:
DonielleAtSafelite 2022-05-10 16:42:27 -04:00 committed by GitHub
commit 48bc7f47c4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/layouts/estimate/estimate.vue
View file

@ -11,7 +11,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">
<alert <alert
class="" class="vinLookupMethodHeading"
v-model="customAlertData" v-model="customAlertData"
alertClass="" alertClass=""
cmsWidgetName="AlertVinLookupQuestion" cmsWidgetName="AlertVinLookupQuestion"
@ -138,12 +138,12 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.alert p{ .vinLookupMethodHeading p {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
color: $black; color: $black;
} }
div .current_car_info-text{ div .current_car_info-text {
padding-bottom: 16px; padding-bottom: 16px;
} }
</style> </style>

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

@ -1,7 +1,8 @@
html { html {
.has-error { .has-error {
&.list-button, &.list-button,
&.list-card { &.list-card,
&.list-card.list-button {
border: 1px solid $red; border: 1px solid $red;
color: $red; color: $red;
input[type=checkbox]:focus + label, input[type=checkbox]:focus + label,
@ -15,6 +16,14 @@ html {
box-shadow: 0px 0px 0px 4px $red-200; box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 10px; border-radius: 10px;
} }
label {
border: 1px solid transparent;
}
label:hover {
box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 10px;
border: 1px solid $red;
}
} }
&.list-button-horizontal { &.list-button-horizontal {
color: $red; color: $red;

2
src/ux-components/list-button/list-button.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="list-group list-button d-flex flex-column w-100 mb-2" class="list-group list-button rounded-3 d-flex flex-column w-100 mb-2"
:class="[(errors.length > 0 || hasError) ? 'has-error' : '']" :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
@keyup.space="triggerButton()" @keyup.space="triggerButton()"
@keyup.up="handleKeyupArrow()" @keyup.up="handleKeyupArrow()"