[FIX] documentation-user: minor layout fixes
* Adjust ‘.card.top’ padding for index pages * Offset-top main content for mobile
This commit is contained in:
parent
8c68490dbb
commit
de70a65819
@ -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;
|
||||
|
@ -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{
|
||||
|
Loading…
Reference in New Issue
Block a user