[icinga-checkins] icinga.org: icingaweb2/feature/ switch-positions-of-monitoring-statusbar-items: Add fading effect to content underlying fixed controls

git at icinga.org git at icinga.org
Wed Nov 30 15:04:40 CET 2016


Module: icingaweb2
Branch: feature/switch-positions-of-monitoring-statusbar-items
Commit: acee348462f9f441f8e845274d3f309545fdcafc
URL:    https://git.icinga.org/?p=icingaweb2.git;a=commit;h=acee348462f9f441f8e845274d3f309545fdcafc

Author: Florian Strohmaier <florian.strohmaier at netways.de>
Date:   Wed Nov 30 15:04:36 2016 +0100

Add fading effect to content underlying fixed controls

---

 public/css/icinga/layout-structure.less |   21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less
index 44d0a4d..c2fc898 100644
--- a/public/css/icinga/layout-structure.less
+++ b/public/css/icinga/layout-structure.less
@@ -114,9 +114,24 @@ html {
 
 .controls-separated,
 .container .controls.separated {
-    box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.2);
-//  border-bottom: 1px solid @gray-lightest;
-    padding-bottom: @horizontal-padding / 2
+    border-bottom: 1px solid @gray-lightest;
+    padding-bottom: @horizontal-padding / 2;
+
+    &:after {
+      content: "";
+      background: -webkit-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
+      background:    -moz-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
+      background:     -ms-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
+      background:      -o-linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
+      background:         linear-gradient(top, #fff 0%, rgba(255, 255, 255, 0) 100%);
+      content: "";
+      display: block;
+      height: 6px;
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -7px;
+    }
 }
 
 .hbox {



More information about the icinga-checkins mailing list