CSS: Flex layout to container contents
This commit is contained in:
parent
098898eca6
commit
955ab298f7
|
@ -1,11 +1,10 @@
|
||||||
/*! Icinga Web 2 | (c) 2014 Icinga Development Team | GPLv2+ */
|
/*! Icinga Web 2 | (c) 2014 Icinga Development Team | GPLv2+ */
|
||||||
|
|
||||||
.monitoring-statusbar {
|
.monitoring-statusbar {
|
||||||
|
position: relative;
|
||||||
background-color: @body-bg-color;
|
background-color: @body-bg-color;
|
||||||
border-top: 1px solid @gray-lighter;
|
border-top: 1px solid @gray-lighter;
|
||||||
bottom: 0;
|
|
||||||
padding: .25em @gutter;
|
padding: .25em @gutter;
|
||||||
position: fixed;
|
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
|
|
|
@ -159,19 +159,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
// Override default transparent background because scrolled content is positioned beneath controls and could be seen
|
|
||||||
// through otherwise
|
|
||||||
background-color: @body-bg-color;
|
|
||||||
|
|
||||||
> .tabs {
|
> .tabs {
|
||||||
height: 2.6em;
|
|
||||||
margin-top: -2.6em;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .tabs-spacer {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Display tabs if JS is disabled
|
// Display tabs if JS is disabled
|
||||||
|
@ -242,15 +232,6 @@ html.no-js .controls > .tabs {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Z-Index correction
|
|
||||||
#main {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar {
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Collapsed sidebar
|
// Collapsed sidebar
|
||||||
#layout:not(.minimal-layout).sidebar-collapsed {
|
#layout:not(.minimal-layout).sidebar-collapsed {
|
||||||
#header-logo-container {
|
#header-logo-container {
|
||||||
|
|
Loading…
Reference in New Issue