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

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

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
Show Stats 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;
}
@media (width > 686px) {
@media (width > 1024px) {
ul.product-options {
width: 125px;
}
@ -3504,7 +3504,7 @@ nav {
}
}
@media (width <= 686px) {
@media (width <= 1024px) {
.portico-landing {
padding-top: 120px;
}