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

CSR-935 fix focus state on list-button-horizontal.

Browse source 
Also fixed focus state on disabled button.
This commit is contained in:
Bryan Mauger 2022-11-15 09:03:42 -05:00
parent 7fa9b7138d
commit b65c4c775c
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,13 +1,10 @@
html {
.has-error {
// START HOVER
&.list-button-horizontal,
&.list-button,
&.list-button.list-group,
&.list-card {
border: 1px solid $red;
position: relative;
z-index: 4;
.button-content {
border: none;
@ -17,9 +14,28 @@ html {
@include box-shadow-hover($red-200);
z-index: 5;
}
input[type="radio"]:focus + .list-button-content {
box-shadow: 0 0 0 2.5px $red;
}
.list-button-horizontal-content {
border: 1px solid $red;
}
input[type="radio"]:focus + .list-button-horizontal-content {
z-index: 5;
box-shadow: 0 0 0 2.5px $red;
}
input[type="radio"]:hover + .list-button-horizontal-content {
z-index: 5;
box-shadow: none;
}
}
&.list-card {
border: 1px solid $red;
}
&.ui-radio {
@ -35,7 +51,6 @@ html {
box-shadow: 0 0 0 2.5px $red;
}
}
// END HOVER
&.list-button,
&.list-card {
@ -174,7 +189,7 @@ html {
}
&.btn.btn-primary:focus,
&.btn.btn-primary:focus-visible {
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $blue-700;
box-shadow: 0 0 0 3px $white, 0 0 0 5.5px $gray-700;
}
}
}