From 279690cbed788cd2ef6c0a7d7d6cd2366e37a1ca Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Thu, 8 Aug 2019 14:48:50 +0200
Subject: [PATCH] CSS: Add styles for .controls.togggle

---
 public/css/icinga/controls.less | 39 +++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/public/css/icinga/controls.less b/public/css/icinga/controls.less
index c2142de47..4ae1b2a3c 100644
--- a/public/css/icinga/controls.less
+++ b/public/css/icinga/controls.less
@@ -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;
+  }
+}