grants-stack icon indicating copy to clipboard operation
grants-stack copied to clipboard

[Explorer] Application view scaling with display width bug

Open MasterHW opened this issue 1 year ago • 1 comments

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 avatar Jan 06 '25 21:01 MasterHW