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

sidebars: Correct display at small mobile sizes.

Browse Source 
This fixes a state where the expanded left sidebar appears under
the navbar at the smallest mobile views.

It also provides a stop-gap fix for the right sidebar's USERS
heading, making it align better (but certainly not perfectly)
with the left sidebar's.
This commit is contained in:
Karl Stolley
2023-10-25 15:19:09 -04:00
committed by Tim Abbott
parent 105729ce66
commit 1f0e9b4587
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/styles/zulip.css
View File

@@ -3118,14 +3118,20 @@ select.invite-as {
@media (width < $sm_min) {
.column-right.expanded .right-sidebar,
.column-left.expanded .left-sidebar {
margin-top: 31px;
margin-top: var(--navbar-fixed-height);
/* For very small sizes, skip the relatively large top padding. */
padding-top: 0;
}
/* TODO: Properly and accurately align the
topmost headers on the left and right
sidebar. */
.column-right.expanded .right-sidebar-items {
margin-top: 10px;
}
.column-left.expanded {
.left-sidebar {
/* For very small sizes, skip the relatively large top padding. */
padding-top: 0;
#streams_header {
padding-right: 10px;
}