node-red-dashboard icon indicating copy to clipboard operation
node-red-dashboard copied to clipboard

Animation of the Gauge of the type Tank Level doesn't match the fill percentage

Open BlueSialia opened this issue 5 months ago • 3 comments

Current Behavior

The wave animation only matches the fill percentage at low percentages. Anything above 15-25% and it won't raise anymore. This limit appears to be tied with the browser aspect ratio or resolution.

Expected Behavior

The wave animation to match the fill percentage. Like in this article where the wave animation matches the 52%.

Steps To Reproduce

One can observe at this live Dashboard the behavior I'm describing.

Environment

  • Dashboard version: 1.17.1
  • Node-RED version: 4.0.3
  • Node.js version: v20.17.0
  • npm version: 10.8.2
  • Platform/OS: Pop!_OS 22.04 LTS
  • Browser: Firefox 130.0.1

Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

BlueSialia avatar Sep 29 '24 19:09 BlueSialia