IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Alert pulse tweak (#6508)

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

* Finally happy with pulse animation. Ready to merge
This commit is contained in:
Matt Toback
2016-11-08 08:02:45 -05:00
committed by Torkel Ödegaard
parent 309391cb79
commit b8ad86fabd
2 changed files with 4 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/sass/pages/_alerting.scss
View File

@@ -50,7 +50,9 @@
.panel-alert-state {
&--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;
.panel-alert-icon:before {
@@ -69,15 +71,7 @@
}
@keyframes alerting-panel {
0% {
box-shadow: none;
}
50% {
box-shadow: 0 0 10px $critical;
}
100% {
box-shadow: none;
box-shadow: 0 0 15px $critical;
}
}

2
public/sass/pages/_dashboard.scss
View File

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