Group settings screen: fix focus styling for panel rows
This commit is contained in:
@@ -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 {
|
||||||
|
Reference in New Issue
Block a user