search

defold / defold.github.io

www.defold.com
Other
11 stars 15 forks source link

The API reference doesn't work well on narrow displays #50

Open britzl opened 2 years ago

britzl commented 2 years ago

When viewing the API reference on a narrow display (for instance portrait mode on mobile) the content extend outside the screen and it is not possible to scroll. Try this link and reduce width of the browser window. Notice that the parameters aren't fully visible:

https://defold.com/extension-spine/api/

JCash commented 2 years ago

Same with regular desktops.

I use two browser windows next to each other on my 5K screen, as it is wasteful/unproductive to have a single browser spanning the entire space (also, such pages are quite unreadable).

Screenshot 2022-03-12 at 10 32 43
mikatuo commented 11 months ago

An easy improvement could be to show an icon to hide/show left navbar and on smaller screens to hide it by default.

mikatuo commented 11 months ago

I could help tackle this one during Hacktoberfest. Do you have any ideas regarding the issue? The right side probably needs to be scrollable. Another low hanging fruit would be to use smaller paddings/margins on narrower screens using media queries.

I like how sidebar is handled in Jira:

https://github.com/defold/defold.github.io/assets/7230306/444bb80d-a2c5-4a60-ab34-97e65a29f923

britzl commented 11 months ago

This is mainly an issue on mobile, in which case I don't think it will work very well to have a draggable/resizable left menu. I think I'd prefer to have it hidden by default, or at least hidden using a floating button or something like that.