Merge pull request #199 from Safelite/CSR-338-QA-updates

CSR-338 fix text color and add opacity: 0 to input.
This commit is contained in:
bmauger 2022-02-07 09:53:29 -05:00 committed by GitHub
commit 8667ee18a0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 50 additions and 46 deletions

View file

@ -151,6 +151,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: 0; border-radius: 0;
width: 100%; width: 100%;
color: $gray-600;
&:hover { &:hover {
box-shadow: 0 0 0 4px $blue-100; box-shadow: 0 0 0 4px $blue-100;
cursor: pointer; cursor: pointer;

View file

@ -132,6 +132,7 @@ export default {
input[type="checkbox"] { input[type="checkbox"] {
position: static; //override bootstrap position: static; //override bootstrap
height: 0; height: 0;
opacity: 0;
} }
&:focus-visible + label { &:focus-visible + label {
box-shadow: 0 0 0 2.5px $blue inset; box-shadow: 0 0 0 2.5px $blue inset;

View file

@ -173,6 +173,7 @@ export default {
border-radius: 2px; border-radius: 2px;
order: 2; order: 2;
flex-shrink: 0; flex-shrink: 0;
color: $gray-600;
} }
+ label.checkboxTop::before { + label.checkboxTop::before {
margin: -1.25rem 0.5rem 0 0 !important; margin: -1.25rem 0.5rem 0 0 !important;
@ -229,6 +230,7 @@ export default {
} }
+ label { + label {
min-height: 48px; min-height: 48px;
color: $gray-600;
img { img {
margin-bottom: 0; margin-bottom: 0;
} }