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

landing_page: Switch to sidebar menu earlier at width <= 1024px.

Browse Source 
Right now, some of our horizontally spaced out top-level dropdowns
(such as "Solutions") get truncated on screen widths less than
1024 px. We switch to the vertical sidebar menu at widths less than
686px.

Looking at a lot of mainstream websites, a few of them switch to a
vertical sidebar menu on much wider widths than we do. Plus,
switching to a vertical orientation is a much cleaner way to fix
this issue than playing around with legacy Bootstrap code. Therefore,
we should toggle on the sidebar menu at width <= 1024px.
This commit is contained in:
Eeshan Garg
2021-08-04 20:24:37 -02:30
committed by Tim Abbott
parent b44e6123fe
commit 13b0114bcc
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles/portico/landing_page.css
View File

@@ -329,7 +329,7 @@ nav {
width: 300px; width: 300px;
} }
@media (width > 686px) { @media (width > 1024px) {
ul.product-options { ul.product-options {
width: 125px; width: 125px;
} }
@@ -3504,7 +3504,7 @@ nav {
} }
} }
@media (width <= 686px) { @media (width <= 1024px) {
.portico-landing { .portico-landing {
padding-top: 120px; padding-top: 120px;
} }