layout.less: Relax specificity of content and controls padding

This commit is contained in:
Johannes Meyer 2019-12-11 11:31:23 +01:00
parent e1c47a8f59
commit 168fcfec36

View File

@ -110,13 +110,9 @@
& > .content { & > .content {
flex: 1 1 auto; flex: 1 1 auto;
overflow: auto; overflow: auto;
padding: @gutter;
} }
& > .controls { & > .controls {
padding-left: @gutter;
padding-right: @gutter;
> .tabs { > .tabs {
// Remove gutter for tabs // Remove gutter for tabs
margin-left: -1 * @gutter; margin-left: -1 * @gutter;
@ -131,6 +127,18 @@
} }
} }
// Not part of the above to relax specificity and to allow modules adjust this
:not(.dashboard) > .container {
& > .controls {
padding-left: @gutter;
padding-right: @gutter;
}
& > .content {
padding: @gutter;
}
}
// Mobile menu // Mobile menu
#layout.minimal-layout #sidebar { #layout.minimal-layout #sidebar {
background-color: @menu-bg-color; background-color: @menu-bg-color;