mirror of
https://github.com/zulip/zulip.git
synced 2025-11-05 14:35:27 +00:00
left_sidebar: Make highlighted new-channel area clickable.
This commit is contained in:
@@ -52,12 +52,21 @@
|
|||||||
.add-stream-icon-container {
|
.add-stream-icon-container {
|
||||||
grid-area: add-channel;
|
grid-area: add-channel;
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center center;
|
|
||||||
margin: 2px 0;
|
margin: 2px 0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
||||||
.add_stream_icon {
|
.add_stream_icon {
|
||||||
|
/* We display as flex to center the icon while
|
||||||
|
keeping the entire highlighted area clickable. */
|
||||||
|
display: flex;
|
||||||
|
place-items: center center;
|
||||||
color: var(--color-left-sidebar-heads-up-icon);
|
color: var(--color-left-sidebar-heads-up-icon);
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
/* To horizontally center the icon within the
|
||||||
|
flex, though, we need this margin adjustment. */
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
Reference in New Issue
Block a user