css: Fix highlighted stream color with keyboard navigation.

Instead of highlighting the topics of the `active-stream`, we
highlight the stream name.
This commit is contained in:
Aman Agrawal 2023-05-11 08:20:33 +00:00 committed by Tim Abbott
parent ddb0bb58ed
commit 35278a74bb
1 changed files with 15 additions and 2 deletions

View File

@ -299,13 +299,26 @@ li.show-more-topics {
:not(.active-sub-filter) {
&.top_left_row:hover,
&.bottom_left_row:hover,
&#stream_filters li.highlighted_stream {
&.bottom_left_row:hover {
background-color: var(--color-background-hover-narrow-filter);
border-radius: 4px;
}
}
#stream_filters .narrow-filter.highlighted_stream {
&.active-filter > .bottom_left_row {
background-color: var(--color-background-hover-narrow-filter);
}
&.active-filter .topic-list .bottom_left_row {
background-color: var(--color-background-active-narrow-filter);
}
.bottom_left_row:not(.active-sub-filter) {
background-color: var(--color-background-hover-narrow-filter);
}
}
#login-link-container,
#subscribe-to-more-streams {
text-decoration: none;