Problem/Motivation
The toolbar module renders a top level list of tabs and an optional tray associated with a tab.
The sizing of fonts, padding and margins need to be optimized for touch vs. pointer interactions.
With the impending commit of #1252178: Add Modernizr to core, we will soon have a way to differentiate .touch from .no-touch user agents and vary the styling of toolbar UI elements accordingly. For instance, we will want to make buttons larger on .touch UAs to accomodate finger presses and smaller on .no-touch UAs where a mouse is employed.
Originally noted by sun in #1137920-327: Fix toolbar on small screen sizes and redesign toolbar for desktop.
Proposed resolution
Generally, iterate the styling of the toolbar in touch/no-touch contexts and optimize the size of interactive elements to what's appropriate for the pointing device (finger or mouse).
Remaining tasks
To be determined.
User interface changes
Yes, to be determined.
API changes
None.
This issue is a follow-up to #1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop.
Comment | File | Size | Author |
---|---|---|---|
#5 | ru_menu.png | 42.51 KB | andypost |
spark-dev-tray-tab-2.png | 53.68 KB | jessebeach |
Comments
Comment #1
Shyamala CreditAttribution: Shyamala commentedtagging
Comment #2
tkoleary CreditAttribution: tkoleary commentedMenu items are still too small on iOS IMHO. I will follow up with some specifics
Comment #3
tkoleary CreditAttribution: tkoleary commentedComment #4
Bojhan CreditAttribution: Bojhan commented@Kevin What ideas do you have for this? I am thinking along the lines of having them smaller for desktop (from what they are now) and having them bigger for mobile (from what they are now). We can probably just follow our guidelines.
Comment #5
andypostWe still get this
Comment #6
tkoleary CreditAttribution: tkoleary commented@andypost
That looks like a bug. The menu should go into vertical mode when that number/length of tabs is reached.
Comment #7
andypost@tkoleary suppose better to change that one to "bug"
Because some other languages could have longer translations or user can add new menu item...
Comment #15
nod_Tentatively marking as duplicate of related issue.