UI: Masonry layout for widgets

[da-Kai]

Aktuell

Masonry Layout

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 6 lines in your changes missing coverage. Please review.

Additional details and impacted files

@@              Coverage Diff              @@
##             develop    #2845      +/-   ##
=============================================
+ Coverage      56.11%   56.65%   +0.54%     
- Complexity      8545     8919     +374     
=============================================
  Files           2140     2167      +27     
  Lines          90538    91964    +1426     
  Branches        6717     6831     +114     
=============================================
+ Hits           50795    52089    +1294     
- Misses         37985    38000      +15     
- Partials        1758     1875     +117     

[da-Kai]

@lukasrgr
Ich hab die Implementierung jetzt so geändert, dass die reihenfolge gleich bleibt

[Sn0w3y]

Just a little Information for you @da-Kai - I tried this and it basically scrumbled up sometimes all Widgets as they got rendered too slow because of the slower Channel Population of some Components - either we need to increase the Timeout here:

https://github.com/OpenEMS/openems/pull/2845/files#diff-b001e10dc95932dfad86e0e988df71e34fafc7fa94c3457d65707af3d19f8a07R49

or find another solution for it i guess ? :)

Edit: The CSS does not get applied correctly if the Container is getting bigger after Channel Population. This leads to Overlapping Cards for example. I also got it from time to Time, that the Cards were just above each other on the top left upper corner, where nothing could be seen anymore. JFYI

Greetings !