Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Explorer] Application view scaling with display width bug #3743

Open
MasterHW opened this issue Jan 6, 2025 · 1 comment
Open

[Explorer] Application view scaling with display width bug #3743

MasterHW opened this issue Jan 6, 2025 · 1 comment
Labels
bug Something isn't working

Comments

@MasterHW
Copy link
Member

MasterHW commented Jan 6, 2025

What was the URL where the error occurred?

https://explorer.gitcoin.co/#/round/42220/22/7

What happened?

At intermediate resolutions (such as half or 2/3 desktop width) the application view becomes obviously misaligned off-screen, only displaying properly again at a sufficiently large (or small) size.
See that the project title and information is cut off - this is how it looks in browser.
image

What should have happened instead?

The page should dynamically realign boxes so that text/fields are never pushed completely offscreen.

Steps to Reproduce

Open above URL and drag around the window size seeing how it responds. On a typical 1920x1080 display the issue is apparent starting from ~40% width (when it switches from the narrow phone-type display) to just shy of 100% width.

What browser(s) are you seeing the problem on?

Chrome

What chain(s) did the error occur on?

No response

Relevant log output

No response

@MasterHW MasterHW added the bug Something isn't working label Jan 6, 2025
Copy link

linear bot commented Jan 6, 2025

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant