[ACS-7555] Added blue outline to focused checkboxes (#3813)

This commit is contained in:
AleksanderSklorz
2024-04-24 08:45:59 +02:00
committed by GitHub
parent dcbd7ba213
commit a8addfb405

View File

@@ -18,14 +18,21 @@
.mat-button-focus-overlay { .mat-button-focus-overlay {
display: none; display: none;
} }
}
.mat-mdc-checkbox-ripple { .mdc-checkbox__native-control:not(.mdc-checkbox--selected):focus {
& ~ .mat-mdc-checkbox-ripple {
@include rounded-outline; @include rounded-outline;
height: 22px; height: 22px;
width: 22px; width: 22px;
left: calc(50% - 11px); left: calc(50% - 12px);
top: calc(50% - 11px); top: calc(50% - 11px);
display: block;
}
& ~ .mdc-checkbox__background {
opacity: 0.57;
} }
} }
} }