Frank/tank gauges alignment

victronenergy / venus-html5-app

HTML5 App including Javascript library that communicates with Venus OS over MQTT websockets

MIT License

98 stars 32 forks source link

Frank/tank gauges alignment #363

Closed fwaalkens closed 4 months ago

fwaalkens commented 4 months ago

Fixed multiple issues regarding the tanks UI.

Horizontal view flickering
Alignment on smaller views
Added translations for tank overview
Minor semantic fixes

martinbosma commented 4 months ago

In below screenshots there appears to be enough width, yet the tank name is truncated to only a few characters. Can we improve this? Make the gauge less wide and add more room for the name?

Simulation: ./run.sh -s s

1800x900: Screen Shot 2024-02-26 at 14 39 45

1500x500: Screen Shot 2024-02-26 at 14 44 59

800x900, Text gets truncated, while there is still space: Screen Shot 2024-02-26 at 14 42 47

martinbosma commented 4 months ago

Much better, although sometimes the text still get truncated while there is enough space.

1800x900: Screen Shot 2024-02-26 at 16 54 27

fwaalkens commented 4 months ago

Tested on multiple mfd's: