epam / epam/mriviewer

UI: Left control panel overlaps with app logo on ultrawide screens

Open
#237 0 comments 0 reactions 0 assignees View on GitHub
bug created
Dominant language
JavaScript
Stars
367
Forks
104
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
On ultrawide screen sizes, the left control panel (top buttons) overlaps with the application logo.

**To Reproduce**
Steps to reproduce the behavior:
1. Open the application on an ultrawide monitor.
2. Use Latest Chrome.
3. Observe the top-left area of the interface.

**Expected behavior**
The app logo and the left control panel should be positioned without overlapping, maintaining clear visibility and access to all controls.

**Desktop:**
- OS: macOS
- Browser: Latest Chrome
- Resolution: Ultrawide

**Additional context**
The overlap specifically affects the top buttons of the left control panel.

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in Latest Chrome on an ultrawide display and inspect the top-left layout containing the application logo and left control panel. Trace the relevant frontend layout and styling entry points, then verify that the top buttons and logo remain visible and non-overlapping at ultrawide resolutions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.