|
@@ -50,7 +50,8 @@
|
|
|
|
|
|
|
|
.panel-alert-state {
|
|
.panel-alert-state {
|
|
|
&--alerting {
|
|
&--alerting {
|
|
|
- box-shadow: 0 0 10px $critical;
|
|
|
|
|
|
|
+ animation: alerting-panel 2s 0s infinite;
|
|
|
|
|
+ opacity: 1;
|
|
|
|
|
|
|
|
.panel-alert-icon:before {
|
|
.panel-alert-icon:before {
|
|
|
color: $critical;
|
|
color: $critical;
|
|
@@ -59,7 +60,7 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&--ok {
|
|
&--ok {
|
|
|
- //box-shadow: 0 0 5px rgba(0,200,0,10.8);
|
|
|
|
|
|
|
+ box-shadow: 0 0 5px rgba(0,200,0,10.8);
|
|
|
.panel-alert-icon:before {
|
|
.panel-alert-icon:before {
|
|
|
color: $online;
|
|
color: $online;
|
|
|
content: "\e611";
|
|
content: "\e611";
|
|
@@ -67,4 +68,16 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+@keyframes alerting-panel {
|
|
|
|
|
+ 0% {
|
|
|
|
|
+ box-shadow: none;
|
|
|
|
|
+ }
|
|
|
|
|
+ 50% {
|
|
|
|
|
+ box-shadow: 0 0 10px $critical;
|
|
|
|
|
+ }
|
|
|
|
|
+ 100% {
|
|
|
|
|
+ box-shadow: none;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
|