Horizontal Scrolling issue when window is resized.

[rahulharpal1603]

Actions before raising this issue

• I searched the existing issues and did not find anything similar.
• I read/searched the docs

Steps to Reproduce

Video:

2025-01-11.00-19-18.mp4

1. Open any page where navbar is there
2. Resize the window
3. As you gradually make it smaller, the content from the rightmost part of the page is not visible until we scroll

Expected Behavior

Expected behaviour should be that all the content should be visible regardless of the window size.

Possible Solution

To solve this we have to modify the media queries and all the related CSS properties to handle this effectively. Also, as mentioned in the video, the card that displays information about a task is not responsive. We have to change that too.

Context

No response

Environment

-OS: Windows (WSL Environement)
-Browser: Chrome

[rahulharpal1603]

@zhiltsov-max I would like to work on this issue. Can you please assign it?

[zhiltsov-max]

Hi, probably we have some minimal required display size in CVAT.

[rahulharpal1603]

Hi, probably we have some minimal required display size in CVAT.

Oh, I think I might have missed it. If possible , can you share the documentation link which may have this defined?

[zhiltsov-max]

@klakhov

[rahulharpal1603]

@klakhov

Till then, can I work on this?: #8874

[klakhov]

Well, yes we have some minimal width of 1024px its not mentioned in docs, but its set in scss here. You may work on this, but how do you plan to solve the problem?
From my perspective to solve this problem we need to add lots of different layouts for different components

[rahulharpal1603]

Well, yes we have some minimal width of 1024px its not mentioned in docs, but its set in scss here. You may work on this, but how do you plan to solve the problem? From my perspective to solve this problem we need to add lots of different layouts for different components

Yes, making it responsive would require a lot of changes.