Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nicer mobile view (page tools and logo)? #8

Open
poVoq opened this issue Jun 29, 2018 · 5 comments
Open

Nicer mobile view (page tools and logo)? #8

poVoq opened this issue Jun 29, 2018 · 5 comments
Assignees

Comments

@poVoq
Copy link

poVoq commented Jun 29, 2018

Really nice looking theme on the desktop, however judging by the demo.sprintdoc.de the mobile view is a bit broken:

  1. The sidebar hamburger button occupies a lot of space at the top with no content besides it (I guess this is where the site logo should go?
  2. The site logo is not fully shown (see also 1.).
  3. The page tools menu is showing up as a full sized drop-down box and becomes a huge popup with radio-buttons. It is also not intuitive that the first empty row with radio-button can be used to exit the menu.

Thanks a lot in advance for fixing these issues :)

@splitbrain
Copy link
Member

For 1 and 2 I agree that the mobile header could be more compact. Unlike as in #17 I would not introduce any config here, but would make it more compact by default.

screenshot-demo ickewiki de-2019 02 18-14-02-05

I don't think 3. is still the case. We seem to have changed this to make use of the default floating menu we also use on the desktop.

@micgro42
Copy link
Contributor

@splitbrain unless there have been very recent changes, then the floating menu is only used within the "tablet" breakpoints. For smaller sizes one still has to use the drop-down box.

@splitbrain
Copy link
Member

Ah I see. Yeah for the actual mobile view I would suggest

  • remeove the tagline
  • hide the name of the logged in person and only show the account logo
  • move logo and title (shorten when needed) between hamburger and and account
  • move up the TOC and Tag plugin

screenshot-demo ickewiki de-2019 02 20-15-25-24

I don't know what can be done about the dropdown...

@poVoq
Copy link
Author

poVoq commented Feb 20, 2019

I don't know what can be done about the dropdown...

Many modern Android GUIs use a slide in menu from the left side that is triggered by a button or by actually sliding it. I think I have also seen that being used on websites / progressive webapps.

@ivangretsky
Copy link

The mobile header is still a mess)) Should we suggest further? Is there a chance it will be worked on?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants