selected message highlight animation

Author: cquirosj

src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue

@@ -200,6 +200,7 @@ watch(
 
 .cell-inner-side--active {
   border: solid 2px #000000;
+  animation: blink-border 1.8s ease-in-out;
 }
 
 .cell-inner-right {
@@ -343,4 +344,19 @@ watch(
   font-weight: 900;
   color: #00a3c4;
 }
+
+@keyframes blink-border {
+  0%,
+  100% {
+    border-color: #000000;
+  }
+  20%,
+  60% {
+    border-color: #cccccc;
+  }
+  40%,
+  80% {
+    border-color: #000000;
+  }
+}
 </style>