Skip to content
This repository has been archived by the owner on Dec 2, 2024. It is now read-only.

Accomodate things for touchscreens #39

Open
CST1229 opened this issue Oct 25, 2022 · 11 comments
Open

Accomodate things for touchscreens #39

CST1229 opened this issue Oct 25, 2022 · 11 comments
Labels
bug Something isn't working future for the future medium priority mobile Issue occurs on mobile devices (e.g. phone) UX User experience

Comments

@CST1229
Copy link
Member

CST1229 commented Oct 25, 2022

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 CST1229 added enhancement New feature or request bug Something isn't working and removed enhancement New feature or request labels Oct 25, 2022
@Bloctans Bloctans added enhancement New feature or request future for the future medium priority Svelte patch and removed Svelte patch enhancement New feature or request labels Dec 4, 2022
@JoshAtticus
Copy link
Member

JoshAtticus commented Dec 16, 2022

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
Copy link
Member

tnix100 commented Dec 16, 2022

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

@tnix100
Copy link
Member

tnix100 commented Dec 16, 2022

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

@JoshAtticus
Copy link
Member

JoshAtticus commented Dec 16, 2022

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
Copy link
Member

news can probably be merged into inbox somehow.

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

@JoshAtticus JoshAtticus added mobile Issue occurs on mobile devices (e.g. phone) and removed Another platform labels Dec 16, 2022
@MikeDev101
Copy link
Contributor

MikeDev101 commented Dec 16, 2022

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
Copy link
Member Author

CST1229 commented Dec 16, 2022

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 538d9cf (you can still have the old topbar in old layout)

@JoshAtticus
Copy link
Member

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
Copy link
Member Author

CST1229 commented Dec 17, 2022

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
Copy link
Member

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

This comment was marked as off-topic.

@Bloctans Bloctans added the UX User experience label Oct 22, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working future for the future medium priority mobile Issue occurs on mobile devices (e.g. phone) UX User experience
Projects
None yet
Development

No branches or pull requests

6 participants