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
pull/6512/head
Matt Toback 9 years ago committed by Torkel Ödegaard
parent 309391cb79
commit b8ad86fabd
  1. 14
      public/sass/pages/_alerting.scss
  2. 2
      public/sass/pages/_dashboard.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;
} }
} }

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

Loading…
Cancel
Save