[FIX] documentation-user: minor layout fixes

* Adjust ‘.card.top’ padding for index pages
* Offset-top main content for mobile
This commit is contained in:
stefanorigano 2016-04-26 14:46:35 +02:00 committed by Martin Trigaux
parent 8c68490dbb
commit de70a65819
2 changed files with 29 additions and 2 deletions

View File

@ -11268,7 +11268,7 @@ body > footer .o_footer_bottom .social-links .fa {
main {
z-index: 0;
position: relative;
margin: 0px auto;
margin: -10px auto 0;
display: block;
border-radius: 2px;
background-color: #fff;
@ -11449,9 +11449,24 @@ main.index.animating .card {
-ms-transform-origin: 50% 0px 0px;
transform-origin: 50% 0px 0px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.card.top {
padding-top: 12%;
}
}
#wrap.index .card.top {
padding: 0 0 4%;
}
@media screen and (min-width: 768px) {
#wrap.index .card.top {
padding-top: 12%;
}
}
@media screen and (min-width: 1200px) {
#wrap.index .card.top {
padding-top: 8%;
}
}
.card.top.stacked {
background: transparent;
-webkit-transition: background 1s;

View File

@ -126,7 +126,7 @@
main {
z-index: 0;
position: relative;
margin: 0px auto;
margin: -10px auto 0;
display: block;
border-radius: 2px;
background-color: @doc_paper;
@ -242,8 +242,20 @@ main.index {
.box-shadow(none);
.transform-origin(50% 0px 0px);
@media screen and (min-width: @screen-sm-min) and (max-width: (@screen-md-min - 1)) {
padding-top: 12%;
}
#wrap.index & {
padding: 0 0 4%;
@media screen and (min-width: @screen-sm-min) {
padding-top: 12%;
}
@media screen and (min-width: @screen-lg-min) {
padding-top: 8%;
}
}
&.stacked{