Skip to content

feat: mobile frontend improvements for darkmap #220

@dd84ai

Description

@dd84ai

Skotty [FLSR], — 3:42 PM
Mobile friendliness could be a next focus

Josbyte [ROH], — 3:42 PM
And all I have is liberty ale, friend

Darkwind The Dark Duck — 3:42 PM
Anyway. Great idea, thank you. that moment was bothering me slightly too but i had no idea how to resolve it in a good way

Josbyte [ROH], — 3:42 PM
Or Cardamine, im hispanian

Skotty [FLSR], — 3:42 PM
We only take Fine Pilsner

Darkwind The Dark Duck — 3:43 PM
i was tortured for mobile friendliness by Treewyrm already and processed his requests, with making performance friendliness and font size friendliness for mobile.
What is exactly missing for mobile friendliness at your side?

Skotty [FLSR], — 3:43 PM
The map is more wide than my screen

Josbyte [ROH], — 3:44 PM
What about Rought Pilsner

Skotty [FLSR], — 3:44 PM
And so is the upper overencumberrd toolbar

Josbyte [ROH], — 3:44 PM
I can help design a sketch sometime
I have to do mobile views all the time for work

Darkwind The Dark Duck — 3:45 PM
mm. intentionally? isn't it making it easier to navigate on mobile when we see mobile full map even if it slightly goes to the right beyond the screen?
mobile screen is small and vertical. this trick helps it being slightly broader

Skotty [FLSR], — 3:46 PM
https://darklab8.github.io/fl-data-flsr/map.html
Image

Josbyte [ROH], — 3:46 PM
Image

Darkwind The Dark Duck — 3:46 PM
at my side toggling buttons should be bigger
Image

Skotty [FLSR], — 3:46 PM
That's sort of ugly and unusable

Josbyte [ROH], — 3:47 PM
I would first, the options up there? Give it on a hamburger menu for mobile, the whole map window resize it to screen size

The sirius background, maybe either remove on mobile or make it move along the map as you scroll around

Darkwind The Dark Duck — 3:47 PM
😇 any chance it would be with CSS configurations may be?

Josbyte [ROH], — 3:49 PM
I am not home right now but you have to check the @media rule for a screen of minus X in width and if so, the menu is hidden and instead create a modal that pops up in mobile where you can set the options and close it with they applied
That way it fits vertically, can see everything and apply
I think with that it will do a lot of good

Darkwind The Dark Duck — 3:50 PM
instead of media rule by width, it can be using Proportion of height/weight. if screen is vertical, then lets go mobile :]

Josbyte [ROH], — 3:50 PM
It works eitherway yeah
Same for search, hide the whole menu, have two buttons, one for filters, other for search, the search one opens a modal with a Search bar and a scrollable list fit to screen size and when click, it clooses the modals and sends you to the object

Darkwind The Dark Duck — 3:52 PM
if making the map in the size of a mobile screen it will be even less usable by order of magnitude
Because... map will be just too small for the object labels, and stuff to see smth
Everything will be overshadowing everything 🫠 in a big pile of objects

XxSARGExX [FLSR], — 3:53 PM
the toolbar should not be visible by standard on mobile devices, make just on button that toggles options, For mobile devices you need a way different UI than for Desktop
you could keep the map at full screen but by deafault centered and then make it zoomable and moveable

add a search icon and a menu icon somewhere at the top, if you click on it, it will opens your options tab or the search bar
Skotty [FLSR], — 3:55 PM
That's why dear god invented zooming

XxSARGExX [FLSR], — 3:56 PM
on mobile having slide in bars or popups is the common practice today

Metadata

Metadata

Assignees

No one assigned
    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions