Skip to content

Fix many mobile issues with dartdoc #1873

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

Merged
merged 4 commits into from
Dec 19, 2018
Merged

Fix many mobile issues with dartdoc #1873

merged 4 commits into from
Dec 19, 2018

Conversation

jcollins-g
Copy link
Contributor

Fixes #908, #1048, #1348, and #1469. (Some minor bits of these were obsolete before this PR, so technically this doesn't fix everything listed. But I believe this cleans up enough to address the main points of these bugs and will address other mobile issues separately.)

This PR adds a mobile-only search box to the hamburger button. Also, this puts the navigation information usually in the title bar in there directly below the search, fixing a host of problems where you can't really get around the API documentation in mobile.

Screenshots for what flutter docs hamburger button menu now looks like:

screenshot from 2018-12-17 16-01-38
screenshot from 2018-12-17 16-03-22

@googlebot googlebot added the cla: yes Google CLA check succeeded. label Dec 18, 2018
@jcollins-g jcollins-g requested a review from pq December 18, 2018 00:34
@coveralls
Copy link

coveralls commented Dec 18, 2018

Coverage Status

Coverage decreased (-0.08%) to 89.603% when pulling cd8877d on search-box-mobile into 0c8b0bd on master.

Copy link
Member

@pq pq left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not being fluent here, I have to ask a probably obvious question... In the description, you suggest that this is a mobile-only fix but this looks more general? (That is, I'm not seeing any obvious "mobile-only" selectors.) I'm guessing it's something right in front of me I'm not seeing?

@jcollins-g
Copy link
Contributor Author

The mobile support and the small screen support is basically the same thing in dartdoc. So the selectors are on screen size (width, to be specific). I've rationalized them a bit too in this PR so it is a bit more consistent.

@pq
Copy link
Member

pq commented Dec 18, 2018

Ah. That makes sense. Thanks for the clarification!

Copy link
Member

@devoncarew devoncarew left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm!

There are two small css issues to correct (although it looks like browsers already parse the css correctly).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cla: yes Google CLA check succeeded.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

On mobile, the nav menu doesn't show up on the index page
5 participants