From ef36b1d0ce150942848143feaff2fe6c65e9bc4c Mon Sep 17 00:00:00 2001
From: hotNipi <nipnippel@gmail.com>
Date: Thu, 5 Dec 2024 12:25:32 +0200
Subject: [PATCH] Gauge Tank rendering issue -  FF expects styles to be given
 with length units if other than zero. Fixes #1345

---
 ui/src/widgets/ui-gauge/types/UIGaugeTank.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/widgets/ui-gauge/types/UIGaugeTank.vue b/ui/src/widgets/ui-gauge/types/UIGaugeTank.vue
index a29f5c9d6..b1774df37 100644
--- a/ui/src/widgets/ui-gauge/types/UIGaugeTank.vue
+++ b/ui/src/widgets/ui-gauge/types/UIGaugeTank.vue
@@ -7,7 +7,7 @@
         >
             <div class="nrdb-ui-gauge-tank--center">
                 <div ref="fill" class="nrdb-ui-gauge-tank--fill" />
-                <svg class="WaveBG" :style="`bottom: 0;height: ${svgBottom}`" :viewBox="`0 ${amplitude} 1000 ${Math.min(100, svgScaleRatio * svgBottom)}`" preserveAspectRatio="xMinYMin meet">
+                <svg class="WaveBG" :style="`bottom: 0; height: ${svgBottom}px`" :viewBox="`0 ${amplitude} 1000 ${Math.min(100, svgScaleRatio * svgBottom)}`" preserveAspectRatio="xMinYMin meet">
                     <path :d="waves[0]">
                         <animate
                             dur="5s"
@@ -17,7 +17,7 @@
                         />
                     </path>
                 </svg>
-                <svg class="Wave" :style="`bottom: 0;height: ${svgBottom}`" :viewBox="`0 ${amplitude} 1000 ${Math.min(100, svgScaleRatio * svgBottom)}`" preserveAspectRatio="xMinYMin meet">
+                <svg class="Wave" :style="`bottom: 0; height: ${svgBottom}px;`" :viewBox="`0 ${amplitude} 1000 ${Math.min(100, svgScaleRatio * svgBottom)}`" preserveAspectRatio="xMinYMin meet">
                     <path :d="waves[0]">
                         <animate
                             dur="5s"