فهرست منبع

Alert pulse tweak (#6508)

* Added faint tint of red to alerting panels, started working on animation. more to come

* Finally happy with pulse animation. Ready to merge
Matt Toback 9 سال پیش
والد
کامیت
b8ad86fabd
2فایلهای تغییر یافته به همراه4 افزوده شده و 12 حذف شده
  1. 4 10
      public/sass/pages/_alerting.scss
  2. 0 2
      public/sass/pages/_dashboard.scss

+ 4 - 10
public/sass/pages/_alerting.scss

@@ -50,7 +50,9 @@
 
 
 .panel-alert-state {
 .panel-alert-state {
   &--alerting {
   &--alerting {
-    animation: alerting-panel 2s 0s infinite;
+    background-color: mix($critical,$panel-bg, 3%);
+    animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
+    box-shadow: 0 0 10px rgba($critical,0.5);
     opacity: 1;
     opacity: 1;
 
 
     .panel-alert-icon:before {
     .panel-alert-icon:before {
@@ -69,15 +71,7 @@
 }
 }
 
 
 @keyframes alerting-panel {
 @keyframes alerting-panel {
-  0% {
-    box-shadow: none;
-  }
-  50% {
-    box-shadow: 0 0 10px $critical;
-  }
   100% {
   100% {
-    box-shadow: none;
+    box-shadow: 0 0 15px $critical;
   }
   }
 }
 }
-
-

+ 0 - 2
public/sass/pages/_dashboard.scss

@@ -212,5 +212,3 @@ div.flot-text {
     padding: 0.5rem .5rem .2rem .5rem;
     padding: 0.5rem .5rem .2rem .5rem;
   }
   }
 }
 }
-
-