🐛 Govtool Mobile Responsiveness Issues

[kneerose]

Area

Other

Domain

dev-sanchogov.tools
sanchogov.tools

Which wallet were you using?

No response

Context

• The Govtool application is not displaying correctly on mobile devices. Although wallet injection is not available on mobile, users should still be able to view the list of dReps, governance actions, and proposals clearly. However, there are issues with mobile responsiveness.

Steps to reproduce

• Ensure that the wallet is disconnected.
• On a mobile device:

1. Navigate to the governance actions page.
2. Horizontally slide the page; it is slideable.
3. Navigate back to the dashboard.
4. Observe the page.

Actual behavior

1. Visiting the governance actions page. This looks OK at first. Try horizontal scrolling in the places where there is horzontal scroll. For eg. on the text Governance Actions

2. This is the state after horizontal scrolling. There is white space area on the scroll section

3. Now, clicking on the home GovTool icon on the Governance Actions page redirects the user to the landing page. This page seems to have responsiveness issues. Note that this page loads well if you refresh the page.

Expected behavior

It should be fully responsive, ensuring that all elements are visible and correctly aligned.

Failure test reports

1. https://intersectmbo.github.io/govtool-test-reports/govtool-frontend/133/#behaviors/1402987606cbaebad9beb98f5734b5ef/ca29fab91378d928/
2. https://intersectmbo.github.io/govtool-test-reports/govtool-frontend/133/#behaviors/1402987606cbaebad9beb98f5734b5ef/5ed062c20605b699/
3. https://intersectmbo.github.io/govtool-test-reports/govtool-frontend/133/#behaviors/1402987606cbaebad9beb98f5734b5ef/3d663142af2baf70/

[kneerose]

@jdyczka any update on this ?

[jdyczka]

Not yet, I wouldn't say it's a priority right now, cc @bosko-m

[bosko-m]

@kneerose @spannercode Is this still the case? Loads nicely when trying on mobile and resizing on desktop

[spannercode]

@bosko-m Testing on https://sanchogov.tools, the issue persists. Here is a video recording of it. I have also updated the screenshots on the issue description to make the steps to reproduce more clear.

govtool-responsive-issue-1897.mov