UI: Masonry layout for widgets

[da-Kai]

Aktuell

Masonry Layout

[codecov]

Codecov Report

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

Additional details and impacted files

@@              Coverage Diff              @@
##             develop    #2845      +/-   ##
=============================================
- Coverage      57.32%   57.30%   -0.01%     
+ Complexity      9159     9154       -5     
=============================================
  Files           2177     2177              
  Lines          92873    92879       +6     
  Branches        6883     6883              
=============================================
- Hits           53227    53217      -10     
- Misses         37698    37711      +13     
- Partials        1948     1951       +3     

---- 🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[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 !

[lukasrgr]

Can not approve it like this