Settings- and Info-Menue not scrollable

[dragricola]

What happened?

At small displays like smartphone displays some menu items at the bottom side of the menu lists "Settings" and "Info" are not accessible because they are outside of the display area and the menu window is not scrollable.

To Reproduce Bug

This problem only appears on small displays like smartphones under the menu items Settings (Einstellungen) and Info.

Expected Behavior

It would be fine, when configuration and informations of openDTU can be also done with a smartphone.

Install Method

Pre-Compiled binary from GitHub

What git-hash/version of OpenDTU?

v24.1.18 and many versions before

Relevant log/trace output

No response

Anything else?

This screenshot shows an example, where the menu points below DTU-Settings are not accessible.

[nkappler]

I've just investigated this a little bit, the fix is not that trivial, since there's another case where scrolling should appear:

I've tried a css only solution but since the same DOM elements are used for both layouts, it's tricky...

[nkappler]

ok I've got a solution now...
That was quite an interesting challenge, I've learned a bit more about vue.js, thanks 🥳😂

[dragricola]

ok I've got a solution now...

Thank you! Your solution works very fine!

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion or issue for related concerns.