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:
commit
8667ee18a0
3 changed files with 50 additions and 46 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue