Fix dashboard gutters overflow and sizing

This commit is contained in:
Eric Lippmann 2016-01-11 13:25:58 +01:00
parent 72baf9b022
commit 4db06d79cb
2 changed files with 8 additions and 2 deletions

View File

@ -141,15 +141,18 @@ html.no-js .controls > .tabs {
.dashboard {
letter-spacing: -0.417em;
margin: 0 -0.5 * @gutter;
> .container {
display: inline-block;
letter-spacing: normal;
padding: 0 0.5 * @gutter;
vertical-align: top;
// Column width controlled by #layout
width: 100%;
&:last-of-type {
// See reponsive.less for gutters
padding-right: 0;
}
}
}

View File

@ -81,14 +81,17 @@
// Dashboard
#layout.default-layout .dashboard > .container {
padding-right: @gutter;
width: 50%;
}
#layout.wide-layout .dashboard > .container {
padding-right: @gutter;
width: 33.33%;
}
#layout.twocols .dashboard > .container {
padding-right: 0;
width: 100%;
}