search

govdirectory / website

Website repository for Govdirectory - a crowdsourced and fact-checked directory of official governmental online accounts and services.
https://govdirectory.org
Creative Commons Zero v1.0 Universal
45 stars 29 forks source link

Responsive design in portrait mode #315

Open RVA2869 opened 8 months ago

RVA2869 commented 8 months ago

What happened?

I noticed that the responsive design doesn't work great on chromium based browsers. The issue only occurs on the country page Tested on: Google Chrome, Edge, Opera and Firefox (the latter works perfectly)

bug-report-GD

What browsers are you seeing the problem on?

Chrome

Ainali commented 8 months ago

What do you mean is the bug? That the table is too wide?

RVA2869 commented 8 months ago

@Ainali yes. But Firefox it does not have this problem.

Abbe98 commented 7 months ago

Interestingly I can reproduce this issue even in in Firefox by running Firefox Desktop on my phone.

Abbe98 commented 7 months ago

I wonder if we should change the layout of the table entirely on mobile so that all information about each agency is "stacked" in groups rather than organized into rows.

Abbe98 commented 1 month ago

An alternative to changing the layout might be to hide the type column.

RVA2869 commented 1 month ago

I would hide the icons because what is the added value of displaying them on mobile? This is especially a "issue" with multiple accounts from the same platform.

Abbe98 commented 1 month ago

That's a very good point @RVA2869! There isn't much context from the icons alone.

(They are also kinda small)