Add trigger border to outer container.

2022-05-19 17:58:17 -07:00
parent 3090087e73
commit 4a40e4a943
3 changed files with 24 additions and 19 deletions
@@ -23,6 +23,20 @@
  // boundary.
  border-radius: var(--ha-card-border-radius, 4px);
 }
+.container.triggered {
+  @keyframes warning-pulse {
+    0% {
+      border: solid 1px rgba(0,0,0,0);
+    }
+    50% {
+      border: solid 1px var(--warning-color);
+    }
+    100% {
+      border: solid 1px rgba(0,0,0,0);
+    }
+  }
+  animation: warning-pulse 5s infinite;  
+}

 .frigate-card-contents {
  width: inherit;
@@ -42,20 +56,6 @@
  // Hide scrollbar: IE and Edge
  -ms-overflow-style: none;
 }
-.frigate-card-contents.triggered {
-  @keyframes warning-pulse {
-    0% {
-      border: solid 1px rgba(0,0,0,0);
-    }
-    50% {
-      border: solid 1px var(--warning-color);
-    }
-    100% {
-      border: solid 1px rgba(0,0,0,0);
-    }
-  }
-  animation: warning-pulse 5s infinite;  
-}

 /* Hide scrollbar for Chrome, Safari and Opera */
 .frigate-card-contents::-webkit-scrollbar {