From 14caccc3849674c4dd40f06908cddefaba7dded8 Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Tue, 20 Nov 2018 13:56:41 +0100
Subject: [PATCH] CSS: Style for collapsible control

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

diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
index 938dee3b9..05db9d06a 100644
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@@ -233,3 +233,40 @@ a:hover > .icon-cancel {
     width: 100%;
   }
 }
+
+// Collapsible Control
+
+.collapsible-container {
+  position: relative;
+
+  .icon-angle-double-down {
+    display: none;
+  }
+
+  &.collapsed .icon-angle-double-up {
+    display: none;
+  }
+
+  &.collapsed .icon-angle-double-down {
+    display: inline-block;
+  }
+}
+
+#collapsible-control-ghost {
+  display: none;
+}
+
+.collapsible-control {
+  .rounded-corners(50%);
+
+  background: @gray-lighter;
+  color: @gray;
+  width: 2em;
+  height: 2em;
+  position: absolute;
+  border: none;
+  z-index: 1;
+  -webkit-box-shadow: 0 0 1/3em rgba(0,0,0,.3);
+  -moz-box-shadow: 0 0 1/3em rgba(0,0,0,.3);
+  box-shadow: 0 0 1/3em rgba(0,0,0,.3);
+}