techhub/mastodon
2
0
Fork 0
Code Activity

Adjust mobile landing page (#4366)

Browse Source 
* Adjust mobile landing page

Change mobile viewport threshold to 840px in consideration of padding. Fix loss of "container hero" padding in about/more under 675px.

* Fix indent
This commit is contained in:
Lynx Kotoura
2017-07-26 04:31:56 +09:00
committed by Eugen Rochko
parent 7232cdf7e8
commit 9891ff80f9
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/styles/about.scss
View File

@@ -646,7 +646,7 @@
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 840px) {
.container {
padding: 0 20px;
}
@@ -688,6 +688,10 @@
@media screen and (max-width: 675px) {
.header-wrapper {
padding-top: 0;
&.compact .hero .heading {
padding-bottom: 20px;
}
}
.header .container,
@@ -701,15 +705,9 @@
}
.header {
padding-top: 0;
.hero {
margin-top: 30px;
padding: 0;
.heading {
padding-bottom: 20px;
}
}
.floats {