UI: Masonry layout for widgets

[da-Kai]

Aktuell

Masonry Layout

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 4.76190% with 20 lines in your changes missing coverage. Please review.

:x: Your patch status has failed because the patch coverage (4.77%) is below the target coverage (75.00%). You can increase the patch coverage or adjust the target coverage.

Additional details and impacted files

@@              Coverage Diff              @@
##             develop    #2845      +/-   ##
=============================================
+ Coverage      58.84%   58.85%   +0.01%     
  Complexity       173      173              
=============================================
  Files           2619     2619              
  Lines         113026   113046      +20     
  Branches        8317     8319       +2     
=============================================
+ Hits           66494    66517      +23     
+ Misses         44039    44038       -1     
+ Partials        2493     2491       -2     

:rocket: New features to boost your workflow:

• :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• :package: JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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

[da-Kai]

Hi @Sn0w3y, If you don't mind, could you test it again?

[Sn0w3y]

Hi @Sn0w3y, If you don't mind, could you test it again?

Sure, i already saw you changed things - will test it and Report as soon as I did - just had no time right now to do so :)

[sfeilmeier]

@da-Kai This layout will become obsolete with the new navigation (see prototype in EVSE)

[Sn0w3y]

@da-Kai This layout will become obsolete with the new navigation (see prototype in EVSE)

Hi Stefan, is there a Sneak-Peak available?

[sfeilmeier]

@Sn0w3y It's still very much work-in-progress and no-UI/UX-designers-involved-yet, but these are two recent screenshots of the mobile App with a new multi-level, bottom navigation approach: