search

meower-media-co / Meower-Svelte

A Meower client written in Svelte.
https://app.meower.org
MIT License
19 stars 40 forks source link

Accomodate things for touchscreens #39

Open CST1229 opened 1 year ago

CST1229 commented 1 year ago

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).

JoshAtticus commented 1 year ago

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

tnix100 commented 1 year ago

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

tnix100 commented 1 year ago

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

JoshAtticus commented 1 year ago

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 commented 1 year ago

news can probably be merged into inbox somehow.

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

MikeDev101 commented 1 year ago

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

CST1229 commented 1 year ago

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)

JoshAtticus commented 1 year ago

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

CST1229 commented 1 year ago

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)

JoshAtticus commented 1 year ago

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.

underfanreal commented 1 year ago

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!