paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-14 10:57:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make responsive on mobile devices.

Browse Source 
This makes the page responsive down to widths of 300px.
This commit is contained in:
Brock Whittaker
2017-08-30 11:38:54 -07:00
committed by Tim Abbott
parent 6ac0e75005
commit a1a4af096f
1 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
static/styles/landing-page.css
View File

@@ -980,7 +980,7 @@ nav ul li.active::after {
}
.faqs header {
width: 800px;
max-width: 800px;
margin: 0 auto;
}
@@ -990,7 +990,7 @@ nav ul li.active::after {
.faqs .faq {
margin: 50px auto;
width: 800px;
max-width: 800px;
font-size: 1.3em;
}
@@ -2708,6 +2708,10 @@ nav ul li.active::after {
.portico-landing.features-app section .headliner .feature-box {
width: calc(100% - 200px - 20px);
}
.portico-landing.plans .compare .padded-content {
width: auto;
}
}
@media (max-width: 985px) {
@@ -2899,6 +2903,7 @@ nav ul li.active::after {
nav {
padding-left: 50px;
padding-right: 50px;
width: calc(100% - 100px);
}
.portico-landing.integrations .main,
@@ -3242,6 +3247,14 @@ nav ul li.active::after {
padding: 0 25px;
}
.portico-landing.plans .compare .padded-content {
padding: 20px;
}
.portico-landing.plans .pricing-container .block {
margin: 0;
}
.main .padded-content {
padding: 20px;
}