Fix hover/focus bg overriding active bg in ConversationList
Co-authored-by: trevor-signal <131492920+trevor-signal@users.noreply.github.com>
This commit is contained in:
parent
d6cc067507
commit
17ea2b58de
8 changed files with 40 additions and 40 deletions
|
@ -4380,22 +4380,6 @@ button.module-image__border-overlay:focus {
|
|||
&:disabled {
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
&:hover:not(:disabled),
|
||||
&:focus:not(:disabled) {
|
||||
@include light-theme {
|
||||
background-color: $color-gray-05;
|
||||
#{$unread-indicator} {
|
||||
border-color: $color-gray-05;
|
||||
}
|
||||
}
|
||||
@include dark-theme {
|
||||
background-color: $color-gray-75;
|
||||
#{$unread-indicator} {
|
||||
border-color: $color-gray-75;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&--is-checkbox {
|
||||
|
@ -4404,15 +4388,20 @@ button.module-image__border-overlay:focus {
|
|||
&--disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
$disabled-selector: '#{&}--disabled';
|
||||
&:hover:not(#{$disabled-selector}),
|
||||
&:focus:not(#{$disabled-selector}) {
|
||||
@include light-theme {
|
||||
background-color: $color-gray-05;
|
||||
&:hover:not(:disabled, &--disabled, &--is-selected),
|
||||
&:focus:not(:disabled, &--disabled, &--is-selected) {
|
||||
@include light-theme {
|
||||
background-color: $color-gray-05;
|
||||
#{$unread-indicator} {
|
||||
border-color: $color-gray-05;
|
||||
}
|
||||
@include dark-theme {
|
||||
background-color: $color-gray-75;
|
||||
}
|
||||
@include dark-theme {
|
||||
background-color: $color-gray-75;
|
||||
#{$unread-indicator} {
|
||||
border-color: $color-gray-75;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue