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

sidebars: Add easily adjustable space below sidebar filters.

Browse Source 
(cherry picked from commit 4f08718163)
This commit is contained in:
Karl Stolley
2025-08-19 12:25:51 -05:00
committed by Tim Abbott
parent b561f4ee4f
commit 0920e3131f
3 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/app_variables.css
View File

@@ -297,6 +297,7 @@
Value is chosen to avoid elements overlapping with the browser's URL Value is chosen to avoid elements overlapping with the browser's URL
display when hovering links, and should not scale with font size. */ display when hovering links, and should not scale with font size. */
--sidebar-bottom-spacing: 25px; --sidebar-bottom-spacing: 25px;
--sidebar-filter-bottom-spacing: 3px;
/* We base sidebar row heights on their line heights. /* We base sidebar row heights on their line heights.
Prominent rows include things like headers (e.g., VIEWS) Prominent rows include things like headers (e.g., VIEWS)

3
web/styles/left_sidebar.css
View File

@@ -352,7 +352,8 @@
top: 0; top: 0;
background: var(--color-background); background: var(--color-background);
/* Must be padding not margin so that the sticky headers don't show behind it */ /* Must be padding not margin so that the sticky headers don't show behind it */
padding: 0 var(--left-sidebar-right-margin) 0 5px; padding: 0 var(--left-sidebar-right-margin)
var(--sidebar-filter-bottom-spacing) 5px;
.channel-folders-sidebar-menu-icon { .channel-folders-sidebar-menu-icon {
grid-area: channel-folders-option; grid-area: channel-folders-option;

1
web/styles/right_sidebar.css
View File

@@ -510,6 +510,7 @@
/* The scrollbar doesn't extend this high, but we want the three-dot /* The scrollbar doesn't extend this high, but we want the three-dot
menus to line up. */ menus to line up. */
padding-right: var(--width-simplebar-scroll-hover); padding-right: var(--width-simplebar-scroll-hover);
padding-bottom: var(--sidebar-filter-bottom-spacing);
background-color: var(--color-background); background-color: var(--color-background);
#buddy-list-menu-icon { #buddy-list-menu-icon {