ocular icon indicating copy to clipboard operation
ocular copied to clipboard

mobile support

Open jeffalo opened this issue 4 years ago • 16 comments

looks bad on mobile

jeffalo avatar Oct 07 '20 16:10 jeffalo

i think i'll just do some css but i dont like css so i'll just experiment

jeffalo avatar Oct 07 '20 17:10 jeffalo

I can fix it i think

Purple-Hacker avatar Oct 09 '20 12:10 Purple-Hacker

@jeffalo shouldn't this be closed now?

FunctionalMetatable avatar Apr 01 '21 21:04 FunctionalMetatable

still not great on mobile

jeffalo avatar Apr 01 '21 21:04 jeffalo

I can help test

retronbv avatar Apr 01 '21 21:04 retronbv

I think it looks fine on mobile

PoIygon avatar Apr 06 '21 06:04 PoIygon

image you should move the "feedback | api and data from datonelefty" to the bottom if the screen width < 600px, and on the footer, remove the frontend part because everything is open sourced now

FunctionalMetatable avatar Apr 06 '21 08:04 FunctionalMetatable

good idea.

another issue: quotes also are practically to read after 3 levels in on mobile.

jeffalo avatar May 04 '21 07:05 jeffalo

dashboard (status set) input box is too big on mobile 📱

FunctionalMetatable avatar May 05 '21 06:05 FunctionalMetatable

i think i'll just do some css but i dont like css so i'll just experiment

Where is the CSS? I have an idea for the user page color picker.

hello-smile6 avatar Jan 23 '22 17:01 hello-smile6

I think it looks fine on mobile

Try in a non-webview browser.

hello-smile6 avatar Jan 23 '22 18:01 hello-smile6

You can use a media query to link to another stylesheet if the device's display is under a certain size.

jdev082 avatar Jan 24 '22 02:01 jdev082

You can use a media query to link to another stylesheet if the device's display is under a certain size.

Wait, @import works in media queries? Also, remember to account for tall and narrow displays.

hello-smile6 avatar Jan 24 '22 02:01 hello-smile6

You can use a media query to link to another stylesheet if the device's display is under a certain size.

Wait, @import works in media queries? Also, remember to account for tall and narrow displays.

lmao I don't even think anyone uses tablets anymore. They are just phones with bigger displays where websites just load like they would on computer. So do apps.

jdev082 avatar Jan 24 '22 02:01 jdev082

So do apps.

Hmm... @jeffalo What do you think about making Ocular a PWA?

hello-smile6 avatar Jan 24 '22 03:01 hello-smile6

Coming back to this, I don't see a ton that could be done to improve mobile styling. Just testing on various small screen sizes works perfectly fine and is pretty accessible.

micahlt avatar Jul 22 '23 05:07 micahlt