From 168cc33a697ccd22dd39c185bb6935515c4f6efe Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Thu, 6 Dec 2018 11:31:41 +0100
Subject: [PATCH] CSS: Fade collapsed containers

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

diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
index d5a70b1d2..4f3721149 100644
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@@ -306,3 +306,20 @@ a:hover > .icon-cancel {
      -moz-box-shadow: 0 0 1/3em rgba(0,0,0,.3);
           box-shadow: 0 0 1/3em rgba(0,0,0,.3);
 }
+
+.collapsible {
+  position: relative;
+}
+
+.collapsed .collapsible:before,
+:not(.has-collapsible).collapsed:before {
+  content: "";
+  display: block;
+  height: 2em;
+  background: linear-gradient(rgba(255,255,255,0), white);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+}