CSS: Add styles for .controls.togggle

This commit is contained in:
Florian Strohmaier 2019-08-08 14:48:50 +02:00
parent fab25f87a7
commit 279690cbed

View File

@ -185,6 +185,11 @@ html.no-js .sort-control form {
}
.controls {
.collapsible.collapsed {
height: 0;
}
.control-label-group {
margin-top: 0;
margin-bottom: 0;
@ -208,3 +213,37 @@ html.no-js .sort-control form {
max-height: 2em;
}
}
.controls-toggle {
position: absolute;
color: @icinga-blue;
bottom: -2em;
z-index: 3;
right: @gutter;
border-bottom-right-radius: .4em;
border-bottom-left-radius: .4em;
border: 1px solid @gray-lighter;
background: @body-bg-color;
border-top: none;
.appearance(none);
.controls-collapsed {
display: none;
}
.controls-expanded {
display: block;
}
}
.collapsed + .controls-toggle {
.controls-collapsed {
display: block;
}
.controls-expanded {
display: none;
}
}