Layout in small screens

Question

Layout in small screens

raamana opened this issue 5 years ago · comments

Pradeep Reddy Raamana commented 5 years ago

Current layout does not generalize to mobiles and small windows on desktops. Perhaps a config issue?

cc @anibalsolon

Pradeep Reddy Raamana · Answer 1 · Sun May 12 2019 22:46:18 GMT+0800 (China Standard Time)

Menu is not dynamic and is the main issue

Pradeep Reddy Raamana · Answer 2 · Tue May 14 2019 20:36:10 GMT+0800 (China Standard Time)

I tried to read the docusaurus docs, but it wasn't clear to me how to change the config, or even if its possible. Did you get a chance to think about this?

Anibal Sólon · Answer 3 · Tue May 14 2019 23:13:11 GMT+0800 (China Standard Time)

@raamana it is about the layout/css. We use Gatsby now, instead of docusaurus.

I think we might need something like this:

https://blog.teamtreehouse.com/create-an-absolute-basic-mobile-css-responsive-navigation-menu

Pradeep Reddy Raamana · Answer 4 · Wed May 15 2019 01:17:27 GMT+0800 (China Standard Time)

cool - didn't realize that.

Anything that works and is easy is fine with me. Go ahead with that menu.

Anibal Sólon · Answer 5 · Mon May 20 2019 03:46:51 GMT+0800 (China Standard Time)

Hi @raamana

It is done now! I just need to figure out how to display the tool's tables, because they overflow the page and break it.

Pradeep Reddy Raamana · Answer 6 · Mon May 20 2019 05:46:16 GMT+0800 (China Standard Time)

Looks Great!

Tables look okay to me in landscape mode. If it’s more than trivial, don’t bother.

Anibal Sólon · Answer 7 · Tue May 21 2019 02:09:16 GMT+0800 (China Standard Time)

I've added scrollbars when in a mobile screen.