Skip to content

Commit b8ad86f

Browse files
mattttttorkelo
authored andcommitted
Alert pulse tweak (grafana#6508)
* Added faint tint of red to alerting panels, started working on animation. more to come * Finally happy with pulse animation. Ready to merge
1 parent 309391c commit b8ad86f

File tree

2 files changed

+4
-12
lines changed

2 files changed

+4
-12
lines changed

public/sass/pages/_alerting.scss

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,9 @@
5050

5151
.panel-alert-state {
5252
&--alerting {
53-
animation: alerting-panel 2s 0s infinite;
53+
background-color: mix($critical,$panel-bg, 3%);
54+
animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
55+
box-shadow: 0 0 10px rgba($critical,0.5);
5456
opacity: 1;
5557

5658
.panel-alert-icon:before {
@@ -69,15 +71,7 @@
6971
}
7072

7173
@keyframes alerting-panel {
72-
0% {
73-
box-shadow: none;
74-
}
75-
50% {
76-
box-shadow: 0 0 10px $critical;
77-
}
7874
100% {
79-
box-shadow: none;
75+
box-shadow: 0 0 15px $critical;
8076
}
8177
}
82-
83-

public/sass/pages/_dashboard.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -212,5 +212,3 @@ div.flot-text {
212212
padding: 0.5rem .5rem .2rem .5rem;
213213
}
214214
}
215-
216-

0 commit comments

Comments
 (0)