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

Merge pull request #812 from Safelite/CSR-933-accessibility-and-error-styling-fixes

Browse source 
CSR-933 fix error styles.
This commit is contained in:
bmauger 2022-11-11 10:31:27 -05:00 committed by GitHub
commit 908ff5b9bb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 53 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,6 +3,7 @@ html {
// START HOVER // START HOVER
&.list-button-horizontal, &.list-button-horizontal,
&.list-button, &.list-button,
&.list-button.list-group,
&.list-card { &.list-card {
border: 1px solid $red; border: 1px solid $red;
position: relative; position: relative;
@ -16,6 +17,9 @@ html {
@include box-shadow-hover($red-200); @include box-shadow-hover($red-200);
z-index: 5; z-index: 5;
} }
input[type="radio"]:focus + .list-button-content {
box-shadow: 0 0 0 2.5px $red;
}
} }
&.ui-radio { &.ui-radio {
@ -26,6 +30,11 @@ html {
} }
} }
} }
.form-check-input {
&:focus {
@include box-shadow-hover($red-200);
}
}
// END HOVER // END HOVER
&.list-button, &.list-button,

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

@ -60,11 +60,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.list-group {
.loader { .loader {
position: absolute; position: absolute;
} }
&.list-button { .list-button {
outline: none; outline: none;
input[type="radio"], input[type="radio"],
input[type="checkbox"] { input[type="checkbox"] {
@ -112,5 +111,4 @@ export default {
} }
} }
} }
}
</style> </style>