paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-14 19:06:09 +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 { .faqs header {
width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
} }
@@ -990,7 +990,7 @@ nav ul li.active::after {
.faqs .faq { .faqs .faq {
margin: 50px auto; margin: 50px auto;
width: 800px; max-width: 800px;
font-size: 1.3em; font-size: 1.3em;
} }
@@ -2708,6 +2708,10 @@ nav ul li.active::after {
.portico-landing.features-app section .headliner .feature-box { .portico-landing.features-app section .headliner .feature-box {
width: calc(100% - 200px - 20px); width: calc(100% - 200px - 20px);
} }
.portico-landing.plans .compare .padded-content {
width: auto;
}
} }
@media (max-width: 985px) { @media (max-width: 985px) {
@@ -2899,6 +2903,7 @@ nav ul li.active::after {
nav { nav {
padding-left: 50px; padding-left: 50px;
padding-right: 50px; padding-right: 50px;
width: calc(100% - 100px);
} }
.portico-landing.integrations .main, .portico-landing.integrations .main,
@@ -3242,6 +3247,14 @@ nav ul li.active::after {
padding: 0 25px; padding: 0 25px;
} }
.portico-landing.plans .compare .padded-content {
padding: 20px;
}
.portico-landing.plans .pricing-container .block {
margin: 0;
}
.main .padded-content { .main .padded-content {
padding: 20px; padding: 20px;
} }