Group settings screen: fix focus styling for panel rows

This commit is contained in:
Evan Hahn 2021-03-12 17:16:22 -06:00 committed by Josh Perez
parent 021b54cb75
commit 6a72879c87

View file

@ -3231,6 +3231,8 @@ button.module-conversation-details__action-button {
&-panel-row { &-panel-row {
&__root { &__root {
align-items: center; align-items: center;
border-radius: 5px;
border: 2px solid transparent;
display: flex; display: flex;
padding: 16px 24px; padding: 16px 24px;
user-select: none; user-select: none;
@ -3239,7 +3241,6 @@ button.module-conversation-details__action-button {
&--button { &--button {
color: inherit; color: inherit;
background: none; background: none;
border: none;
} }
&:hover { &:hover {
@ -3255,6 +3256,23 @@ button.module-conversation-details__action-button {
opacity: 1; opacity: 1;
} }
} }
&:focus {
outline: none;
}
@mixin keyboard-focus-state($color) {
&:focus {
border-color: $color;
}
}
@include keyboard-mode {
@include keyboard-focus-state($ultramarine-ui-light);
}
@include dark-keyboard-mode {
@include keyboard-focus-state($ultramarine-ui-dark);
}
} }
&__icon { &__icon {