grants-stack
grants-stack copied to clipboard
[Explorer] Application view scaling with display width bug
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.
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