Commit b8ad86fa by Matt Toback Committed by Torkel Ödegaard

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
parent 309391cb
...@@ -50,7 +50,9 @@ ...@@ -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 @@ ...@@ -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 { ...@@ -212,5 +212,3 @@ div.flot-text {
padding: 0.5rem .5rem .2rem .5rem; padding: 0.5rem .5rem .2rem .5rem;
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment