Gauge Tank rendering issue - FF expects styles to be given with lengt…

…h units if other than zero. Fixes #1345
FlowFuse · Dec 5, 2024 · ef36b1d · ef36b1d
1 parent 151273e
commit ef36b1d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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"