me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki 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 b504cdb82e
commit 2e201ac766
1 changed files with 5 additions and 7 deletions
Show stats 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 {