feat(alerting): updated look for alerting panel, #6136

2016-10-01 16:32:13 +02:00
parent 91b180168e
commit 4f2263552c
1 changed files with 15 additions and 2 deletions
@@ -50,7 +50,8 @@

 .panel-alert-state {
  &--alerting {
-    box-shadow: 0 0 10px $critical;
+    animation: alerting-panel 2s 0s infinite;
+    opacity: 1;

    .panel-alert-icon:before {
      color: $critical;
@@ -59,7 +60,7 @@
  }

  &--ok {
-    //box-shadow: 0 0 5px rgba(0,200,0,10.8);
+    box-shadow: 0 0 5px rgba(0,200,0,10.8);
    .panel-alert-icon:before {
      color: $online;
      content: "\e611";
@@ -67,4 +68,16 @@
  }
 }

+@keyframes alerting-panel {
+  0% {
+    box-shadow: none;
+  }
+  50% {
+    box-shadow: 0 0 10px $critical;
+  }
+  100% {
+    box-shadow: none;
+  }
+}
+