Faucets rendered outside of view

[Kouteki]

Current state

On 14in screens with 150% magnification (default setting for Windows laptops, e.g. ThinkPad), the fourth faucet is barely visible, and the overlay is preventing it from being selected (see attached). Future faucets will not be visible at all.

Desired state

As a user on any resolution, I should see all available faucets either in a grid layout, or with a visual cue and the ability to scroll the list (horizontal layout)

Steps to reproduce

1. go to https://faucet.gnoteam.com/
2. Zoom in the browser until a faucet exits the view area

Acceptance criteria

• All faucets are accessible
• If a faucet is not visible by default, the user should be informed that it exists
• If a faucet is not visible by default, there should be a way to navigate to it by scrolling

[zivkovicmilos]

@alexiscolin any updates on this?

Just want to make sure you clocked this mini bug 🥹

[alexiscolin]

Hey @zivkovicmilos Sorry, I've forgotten to answer but I don't understand the bug. It's totally fine to scroll to access the next faucets (cf video). Maybe it's not the UX we want to have though (we might have a better visibility if you feel the scroll is not possible (while it is)).

Enregistrement.de.l.ecran.2024-08-19.a.21.37.34.mov

[zivkovicmilos]

If I'm remembering correctly, this was a bug where the scroll wasn't available. @Kouteki do you remember?

I think this type of behavior (on the video) is cool, even if it requires a horizontal scroll 👍