diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss index a30ee8996..f94c2cd0b 100644 --- a/src/styles/common-error-styles.scss +++ b/src/styles/common-error-styles.scss @@ -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; } } }