From ba5e5b10f53a1b295158e8df362dfdc7261ee587 Mon Sep 17 00:00:00 2001
From: Antonio Anaya <antonio.anaya@kny5.work>
Date: Thu, 7 May 2026 07:18:20 -0600
Subject: [PATCH] ui_migration lint(STYLE) Drop duplicates related to
 deprecated webkit-animation prefixes
 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@media/-webkit-animation

---
 webapp/src/assets/less/variables.less                  |  3 +--
 .../src/components/genericComponents/progressBar.vue   |  3 ---
 .../labThingsComponents/actionProgressBar.vue          |  3 ---
 .../components/tabContentComponents/loggingContent.vue | 10 +++++-----
 4 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/webapp/src/assets/less/variables.less b/webapp/src/assets/less/variables.less
index 5804e1f4..bf0e9bcf 100644
--- a/webapp/src/assets/less/variables.less
+++ b/webapp/src/assets/less/variables.less
@@ -139,8 +139,7 @@
 //
 // Inverse
 //
-
-@inverse-global-color: fade(@global-inverse-color, 80%);
+// Colours for dark mode also in the colors section
 @inverse-global-muted-color: fade(@global-inverse-color, 60%);
 
 //
diff --git a/webapp/src/components/genericComponents/progressBar.vue b/webapp/src/components/genericComponents/progressBar.vue
index 8d2e5cb6..873c3c6b 100644
--- a/webapp/src/components/genericComponents/progressBar.vue
+++ b/webapp/src/components/genericComponents/progressBar.vue
@@ -82,7 +82,6 @@ export default {
   bottom: 0;
   will-change: left, right;
   animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .progress .indeterminate::after {
@@ -94,8 +93,6 @@ export default {
   bottom: 0;
   will-change: left, right;
   animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation-delay: 1.15s;
   animation-delay: 1.15s;
 }
 
diff --git a/webapp/src/components/labThingsComponents/actionProgressBar.vue b/webapp/src/components/labThingsComponents/actionProgressBar.vue
index 68ec01c8..401e46d9 100644
--- a/webapp/src/components/labThingsComponents/actionProgressBar.vue
+++ b/webapp/src/components/labThingsComponents/actionProgressBar.vue
@@ -100,7 +100,6 @@ export default {
   bottom: 0;
   will-change: left, right;
   animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .progress .indeterminate::after {
@@ -112,8 +111,6 @@ export default {
   bottom: 0;
   will-change: left, right;
   animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation-delay: 1.15s;
   animation-delay: 1.15s;
 }
 
diff --git a/webapp/src/components/tabContentComponents/loggingContent.vue b/webapp/src/components/tabContentComponents/loggingContent.vue
index 0069a931..c66eb3f2 100644
--- a/webapp/src/components/tabContentComponents/loggingContent.vue
+++ b/webapp/src/components/tabContentComponents/loggingContent.vue
@@ -273,16 +273,16 @@ export default {
   color: darken(@warning-color, 15%);
 }
 
-.uk-light .uk-alert-warning .logging-header {
-  background: desaturate(darken(@warning-color, 15%), 10%);
-  color: darken(@warning-bg-color, 5%);
-}
-
 .uk-alert-danger .logging-header {
   background: darken(@error-bg-color, 15%);
   color: darken(@error-color, 15%);
 }
 
+.uk-light .uk-alert-warning .logging-header {
+  background: desaturate(darken(@warning-color, 15%), 10%);
+  color: darken(@warning-bg-color, 5%);
+}
+
 .uk-light .uk-alert-danger .logging-header {
   background: desaturate(darken(@error-color, 10%), 10%);
   color: darken(@error-bg-color, 5%);