CSS/UI issues on mobile

[Hiobi]

Hi again,

Some CSS improvements for future, some elements aren't accessible (out of frame, not clickable), or covered par others elements (z-index, etc). You can reproduce it on some devices with different resolution/OS: Android, iOS, Kindle, etc

Dropdown menu alignment

Unreadable price on dark mode ( already reported )

Site title covered by priority ribbon (when title a bit to large)

Visit / Option button out of frame

[grandeljay]

The filter dropdown menu should be better now (v0.7.1)

[Hiobi]

Hi,
Thanks for improvements ! You did a great job ! I like how the buttons are displayed.

The filter dropdown menu should be better now (v0.7.1)

Unfortunately, I cannot test the dropdown, a new CSS issue appeared: covers the item above/below. There is no space between each, among other things you cannot click on the filter menu. I got this issue on an iPhone X (5"8 inches) >> https://iob.wf/wishthisdev

I'm using docker version built this morning on develop branch.

[Hiobi]

Another issue found:

When a visitor click a "realize a wish" the priority ribbon covers the message about the temporary lock.

[grandeljay]

Sorry about that, is it better now?

[Hiobi]

Sorry about that, is it better now?

Solved ! Good job. ☺️

[Hiobi]

hi again,
I spotted something on remember list button, when clicking on this button, it still white. The transition back seems to not happened.

[grandeljay]

Nice find!

I fixed the CSS for the button but just FYI: if you are on mobile, you need to tap something else (like the background) to de-select the button so it returns into its normal state again (it's currently focused).

[Hiobi]

Yeah ! I noticed that, Thanks for the tip.

Sorry, I forgot the details on my previous comment, it was happen on latest FireFox for Manjaro. ☺️

Maybe We should rename this issue, if I report others comestic improvement, on other device than mobile?