client icon indicating copy to clipboard operation
client copied to clipboard

Accomodate things for touchscreens

Open CST1229 opened this issue 3 years ago • 11 comments

Should be pretty simple, just disable or modify hover effects if a device that cannot hover over stuff is present (using CSS media queries). Currently the hover effect "sticks" on most buttons after you tap on them (at least on Chrome devtools' responsive mode).

CST1229 avatar Oct 25 '22 19:10 CST1229

You should move the mobile top bar to the side, it's better for ergonomics and a top bar should not be used if it squishes icons like this. Honestly a top bar would be better for desktop than mobile. image

JoshAtticus avatar Dec 16 '22 05:12 JoshAtticus

I think there just shouldn't be that many icons on the navigation bar, too cluttered

tnix100 avatar Dec 16 '22 06:12 tnix100

Profile, settings, and logout can be merged into 1 area with sub-areas. And news can probably be merged into inbox somehow.

tnix100 avatar Dec 16 '22 07:12 tnix100

If not a side bar, a bottom bar is more common and is still better for ergonomics than a top bar (no reaching to the top of the screen).

JoshAtticus avatar Dec 16 '22 08:12 JoshAtticus

news can probably be merged into inbox somehow.

News can be moved to, say for example, a blog.

JoshAtticus avatar Dec 16 '22 08:12 JoshAtticus

You should move the mobile top bar to the side

I already complained about that, it doesn't work nicely with Meower's GUI (on mobile devices)

If not a side bar, a bottom bar is more common and is still better for ergonomics

^ this

MikeDev101 avatar Dec 16 '22 13:12 MikeDev101

You should move the mobile top bar to the side, it's better for ergonomics and a top bar should not be used if it squishes icons like this. Honestly a top bar would be better for desktop than mobile.

I already complained about that, it doesn't work nicely with Meower's GUI (on mobile devices)

Done in 538d9cfd1ca26709d23a655b74e83bc4f68b2e1d (you can still have the old topbar in old layout)

CST1229 avatar Dec 16 '22 14:12 CST1229

New bug, the side bar is not vertically centered unless a PWA is used. You need to make the sidebar non scrollable, so it is forced to fit the screen aspect ratio.

image

JoshAtticus avatar Dec 16 '22 23:12 JoshAtticus

New bug, the side bar is not vertically centered unless a PWA is used.

Might be an unfixable thing because the screen space extends past the completely clear area: (I also don't have a device to test)

CST1229 avatar Dec 17 '22 07:12 CST1229

New bug, the side bar is not vertically centered unless a PWA is used.

Might be an unfixable thing because the screen space extends past the completely clear area: (I also don't have a device to test)

This also applies to Android so you can use the Android Studio emulator if your pc has virtualisation support.

JoshAtticus avatar Dec 17 '22 08:12 JoshAtticus

This also applies to Android so you can use the Android Studio emulator if your pc has virtualisation support.

And if it doesn't, just turn it on anyway!

underfanreal avatar Apr 23 '23 06:04 underfanreal