problems: initial timeline

2018-12-14 23:30:41 +03:00
parent 1d1559d8e0
commit 566db376a2
5 changed files with 198 additions and 10 deletions
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -336,6 +336,42 @@
          animation: blink-shadow 2s ease-out infinite;
        }
      }
+
+      .event-timeline {
+        display: flex;
+        position: relative;
+        margin: 1.6rem 0;
+        // margin-top: auto;
+
+        .problem-event-interval {
+          height: 12px;
+          position: absolute;
+          // opacity: 0.7;
+
+          &:hover {
+            // opacity: 1;
+            border: 1px solid $blue;
+            box-shadow: 0px 0px 5px rgba($blue, 0.5);
+          }
+        }
+
+        .problem-event-item {
+          position: absolute;
+          width: 16px;
+          height: 16px;
+          // transform: translate(0px, -2px);
+          background: $problem-statusbar-background;
+          border: 4px solid $blue;
+          border-radius: 16px;
+          z-index: 10;
+
+          &:hover {
+            box-shadow: 0px 0px 6px 1px rgba($orange, 1);
+            background-color: $zbx-text-highlighted;
+            z-index: 11;
+          }
+        }
+      }
    }

    // .rt-tr-group {