CSS: Fade collapsed containers

2018-12-06 11:31:41 +01:00 · 2018-12-06 11:31:41 +01:00 · 168cc33a69
parent 545d3355a9
commit 168cc33a69
1 changed files with 17 additions and 0 deletions
--- 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;
+}