left_sidebar: Show heading-row icons only on hover.

This commit is contained in:
Karl Stolley 2024-10-02 14:45:16 -04:00 committed by Tim Abbott
parent 84f3823b64
commit 455111e3a3
1 changed files with 28 additions and 3 deletions

View File

@ -220,7 +220,7 @@
#show-all-direct-messages { #show-all-direct-messages {
color: var(--color-left-sidebar-heads-up-icon); color: var(--color-left-sidebar-heads-up-icon);
display: flex; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-decoration: none; text-decoration: none;
@ -233,6 +233,14 @@
--background-color-left-sidebar-heads-up-icon-hover --background-color-left-sidebar-heads-up-icon-hover
); );
} }
@media (hover: none) {
display: flex;
}
}
&:hover #show-all-direct-messages {
display: flex;
} }
} }
@ -1510,11 +1518,19 @@ li.topic-list-item {
} }
#filter_streams_tooltip { #filter_streams_tooltip {
display: flex; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
grid-row: 1 / 1; grid-row: 1 / 1;
margin: 2px 0; margin: 2px 0;
@media (hover: none) {
display: flex;
}
}
&:hover #filter_streams_tooltip {
display: flex;
} }
#add_streams_tooltip { #add_streams_tooltip {
@ -1523,12 +1539,21 @@ li.topic-list-item {
} }
#streams_inline_icon { #streams_inline_icon {
display: flex; display: none;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
/* Ensure the clickable area grows to /* Ensure the clickable area grows to
the height of the controls grid. */ the height of the controls grid. */
height: 100%; height: 100%;
@media (hover: none) {
display: flex;
}
}
&:hover #streams_inline_icon {
display: flex;
} }
.stream_search_section { .stream_search_section {