Browse Source

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

Torkel Ödegaard 9 years ago
parent
commit
4f2263552c
1 changed files with 15 additions and 2 deletions
  1. 15 2
      public/sass/pages/_alerting.scss

+ 15 - 2
public/sass/pages/_alerting.scss

@@ -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;
+  }
+}
+