Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

left_sidebar: Use grid or flexbox to order selected home view.

This commit is contained in:
Karl Stolley 2023-11-02 14:17:42 -05:00 committed by Tim Abbott
parent 5d2d8f9215
commit 9226e8bdca
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/styles/left_sidebar.css
View File

@ -585,6 +585,11 @@ li.active-sub-filter {
#left-sidebar-navigation-list {
margin-bottom: $sections_vertical_gutter;
/* We display this as a grid only to control
the order of home views, using a single
named grid area. */
display: grid;
grid-template-areas: "selected-home-view";
.left-sidebar-navigation-label-container {
.left-sidebar-navigation-label {
@ -595,6 +600,19 @@ li.active-sub-filter {
}
}
.selected-home-view {
/* This bumps the selected view to the
top of the grid (expanded list).
Others items will auto place in the
remaining auto-generated grid rows. */
grid-area: selected-home-view;
/* The condensed view is a flexbox, so
here we'll use a negative order to
bump the selected home view to the
start of the flexbox (lefthand side). */
order: -1;
}
.top_left_starred_messages .unread_count,
.top_left_drafts .unread_count,
.top_left_scheduled_messages .unread_count,