[BUG]: Notifications are unreadable on phones

[jiriks74]

What set up are you using

• [x] Self Hosted

Describe the bug If you open notifications on a phone (and I think that this will happen on all vertical screens with small width) they are coved by the left sidebar and are unreadable.

Screenshot


To Reproduce Steps to reproduce the behavior:

1. Open Leantime on your phone
   • You can probably use dev tools - In Firefox press CTRL + SHIFT + M
2. Click the bell icon (notifications)
3. See that the notifications are covered by the sidebar

Expected behavior Notifications being above everything else and more centered for better readability.

Leantime Version v2. 4-beta-6

Server Docker

PHP / MySQL Version Docker

Additional context I'm writing this on a phone whole on bus. I haven't tried if it's reproducible on PC when the browser window has small width or if it happens with the use of dev tools.

[jiriks74]

I could try to look into this in few hours. But don't count on me finding the piece of code responsible for the style for this but I have some ideas where to find it.

[jiriks74]

This is also a problem for other menus that are wide enough to be covered by the sidebar:

Screenshot of Ideas board when changing view


[jiriks74]

This can be reproduced using Firefox's development tools. Choose any Samsung phone to see it.

[gloriafolaron]

This is likely still an issue in the newest 2.4-stable version.

Will be something we have to look at.

Honestly, we're in need of a real mobile app at some point 🙈