Group settings screen: fix focus styling for panel rows
This commit is contained in:
parent
021b54cb75
commit
6a72879c87
1 changed files with 19 additions and 1 deletions
|
@ -3231,6 +3231,8 @@ button.module-conversation-details__action-button {
|
|||
&-panel-row {
|
||||
&__root {
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
border: 2px solid transparent;
|
||||
display: flex;
|
||||
padding: 16px 24px;
|
||||
user-select: none;
|
||||
|
@ -3239,7 +3241,6 @@ button.module-conversation-details__action-button {
|
|||
&--button {
|
||||
color: inherit;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
@ -3255,6 +3256,23 @@ button.module-conversation-details__action-button {
|
|||
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 {
|
||||
|
|
Loading…
Add table
Reference in a new issue