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

CSR-269 fix rounded border, error border color and size, alert position, container padding

Browse source
This commit is contained in:
bmauger 2022-03-29 16:28:58 -04:00
parent 4c4bfc5c73
commit 5de5f2d17c
3 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common-components/funnel-header/funnel-header.vue
View file

@ -66,4 +66,7 @@ export default {
.logo-image { .logo-image {
max-width: 78px; max-width: 78px;
} }
.alert {
left: 0;
}
</style> </style>

2
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -5,7 +5,7 @@
ref="theForm" ref="theForm"
v-slot="{ meta }" v-slot="{ meta }"
> >
<div class="container-fluid shadow rounded-3 p-2 position-relative make-tall"> <div class="container-fluid shadow rounded-3 px-5 p-2 position-relative make-tall">
<funnelHeader ref="funnelHeader" /> <funnelHeader ref="funnelHeader" />
<vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=false /> <vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=false />
<funnelSubHeader ref="funnelSubHeader" /> <funnelSubHeader ref="funnelSubHeader" />

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

@ -11,6 +11,11 @@
input[type=radio]:focus + label { input[type=radio]:focus + label {
box-shadow: 0 0 0 2.5px $red; box-shadow: 0 0 0 2.5px $red;
} }
&:hover {
box-shadow: 0px 0px 0px 4px $red-200;
border-radius: 10px !important;
}
} }
input[type=checkbox]:checked + label, input[type=checkbox]:checked + label,
@ -21,6 +26,9 @@
color: $red; color: $red;
label { label {
border: 1px solid $red; border: 1px solid $red;
&:hover {
box-shadow: 0px 0px 0px 4px $red-200;
}
} }
input[type=checkbox]:focus + label, input[type=checkbox]:focus + label,
input[type=radio]:focus + label { input[type=radio]:focus + label {