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

Icon overlaps text in mobile menu #84

Closed
brendo opened this issue Jan 4, 2017 · 2 comments
Closed

Icon overlaps text in mobile menu #84

brendo opened this issue Jan 4, 2017 · 2 comments
Labels
bug Issue reports a bug

Comments

@brendo
Copy link
Contributor

brendo commented Jan 4, 2017

Description

Long section headings overlap with the toc icon when viewing on mobile devices (rework branch).

screen shot 2017-01-04 at 12 10 38 pm

Expected behavior

The icon should not overlap the text, text should break over two lines in this case.

Actual behavior

The text is overlapped by the icon.

Steps to reproduce the bug

  1. Create a page with multiple headings
  2. Add that page to mkdocs.yml with a long title
  3. Resize the browser to emulate a device
  4. Click on the menu and observe the overlap.
@brendo
Copy link
Contributor Author

brendo commented Jan 4, 2017

Note that if I bump out the right padding, the text will drop over two lines which looks a little awkward with the current line height values.

@squidfunk
Copy link
Owner

Should be fixed now. Only considered the nested menus, not the table of contents for overlong titles. Thanks for reporting.

bildschirmfoto 2017-01-04 um 19 46 17

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

No branches or pull requests

2 participants