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

Too much whitespace on gauge on mobile

Open qabi opened this issue 1 year ago • 2 comments

Current Behavior

Gauge set to 3x1 size. Mobile resolution set to total width of 6 columns. How can I get rid of the extra whitespace between the gauge and the title of the gauge?

Looks correct on desktop resolutions.

Image

Expected Behavior

Less wasted space.

Steps To Reproduce

Half gauge set to 3x1. Mobile columns set to 6. Check result with mobile resolution in browser.

Environment

  • Dashboard version: 1.22.0
  • Node-RED version: 3.1.9

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

qabi avatar Feb 01 '25 08:02 qabi

I have the same problem, it has something to do with the needle.

Image

jeroenst avatar Mar 23 '25 17:03 jeroenst

I think the needle is a red herring, and in fact it's linked to the underlying CSS driving the layouts. It'll be a small fix, but finding the fix will be awkward.

joepavitt avatar Apr 02 '25 17:04 joepavitt