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 {
|
&-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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue