paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 05:23:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

left_sidebar: Add plus icon beside channel search bar.

Browse Source 
This button was previously found when hovering on the CHANNELS
header, but now that we've removed that header, we show the
button here instead, and always visible.
This commit is contained in:
Evy Kassirer
2025-06-24 23:14:59 -07:00
committed by Tim Abbott
parent add97effbb
commit 08fd7a30f9
3 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/styles/left_sidebar.css
View File

@@ -48,10 +48,17 @@
margin-right: var(--left-sidebar-right-margin);
}
#streams_inline_icon {
color: var(--color-left-sidebar-heads-up-icon);
.add-stream-icon-container {
grid-area: add-channel;
display: grid;
place-items: center center;
margin: 2px 0;
border-radius: 3px;
.add_stream_icon {
color: var(--color-left-sidebar-heads-up-icon);
}
&:hover {
color: var(--color-left-sidebar-heads-up-icon-hover);
background-color: var(
@@ -308,11 +315,19 @@
}
}
.stream_search_section {
.spectator-view #stream-search-and-add {
grid-template-columns: minmax(0, 1fr);
}
#stream-search-and-add {
display: grid;
grid-template-areas: "filter-container add-channel";
grid-template-columns: minmax(0, 1fr) var(--left-sidebar-header-icon-width);
position: sticky;
top: 0;
/* Must be more than .stream-list-subsection-header */
z-index: 3;
background: var(--color-background);
/* Must be padding not margin so that the sticky headers don't show behind it */
padding: var(--left-sidebar-sections-vertical-gutter)
var(--left-sidebar-right-margin) 3px 5px;
@@ -1877,7 +1892,8 @@ li.topic-list-item {
margin: 5px 0;
}
.zoom-in-hide {
.zoom-in-hide,
#stream-search-and-add.zoom-in-hide {
display: none;
}