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

Try sliding toolbar for overflow on mobile #2443

Merged
merged 1 commit into from
Aug 18, 2017

Conversation

jasmussen
Copy link
Contributor

This PR may fix #2287, at least partially, or in a transitional way. It's a two-line code change, and all it does is ensure that on mobile, overflow can be scrolled.

This is not a good solution for desktop, of course, where the scrollbar when visible (as it is on nearly all computers) would not only cover content and be ugly, but scrolling horizontally is generally not a good experience. However on mobile, the scrollbar fades in briefly when you load the page, and you can just drag with your finger.

Let's discuss whether this is a good solution.

Demo:

slidingtoolbar

This PR may fix #2287, at least partially, or in a transitional way. It's a two-line code change, and all it does is ensure that on mobile, overflow can be scrolled.

This is not a good solution for desktop, of course, where the scrollbar when visible (as it is on nearly all computers) would not only cover content and be ugly, but scrolling horizontally is generally not a good experience. However on mobile, the scrollbar fades in briefly when you load the page, and you can just drag with your finger.

Let's discuss whether this is a good solution.
@jasmussen jasmussen added General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. Mobile Web Viewport sizes for mobile and tablet devices labels Aug 17, 2017
@jasmussen jasmussen self-assigned this Aug 17, 2017
@jasmussen
Copy link
Contributor Author

Here's how the Android app does it: https://cloudup.com/c9O9cRkfx0K

@jasmussen
Copy link
Contributor Author

Merging because the tests pass, it's a trivial change, and I got a thumbs up in chat!

@jasmussen jasmussen merged commit f777f79 into master Aug 18, 2017
@jasmussen jasmussen deleted the try/sliding-mobile-toolbar branch August 18, 2017 07:16
@BoardJames
Copy link

Right, the only way I can see to make the drop-down menu work again is to set the position using Javascript.

@BoardJames
Copy link

Because it relied on being able to position relative to the button and now the button does not allow any overflow. The only reason the block switcher still works is that it always ignored the position of the button when displaying the drop-down.

@jasmussen
Copy link
Contributor Author

Going to try something, I have an idea.

BoardJames pushed a commit that referenced this pull request Aug 29, 2017
…-overflow-none

Fix bug introduced by #2443 where drop-down menu can't display
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
General Interface Parts of the UI which don't fall neatly under other labels. Mobile Web Viewport sizes for mobile and tablet devices Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Use overflow menu for when there isn't space in quick toolbar
2 participants