Problem/Motivation

The toolbar module renders a top level list of tabs and an optional tray associated with a tab.

Screenshot of the Edit module top level tab and associated tray with action links.

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.

CommentFileSizeAuthor
#5 ru_menu.png42.51 KBandypost
spark-dev-tray-tab-2.png53.68 KBjessebeach
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Shyamala’s picture

tagging

tkoleary’s picture

Menu items are still too small on iOS IMHO. I will follow up with some specifics

tkoleary’s picture

Assigned: Unassigned » tkoleary
Bojhan’s picture

Issue summary: View changes

@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.

andypost’s picture

Issue summary: View changes
FileSize
42.51 KB

We still get this

tkoleary’s picture

@andypost

That looks like a bug. The menu should go into vertical mode when that number/length of tabs is reached.

andypost’s picture

Category: Task » Bug report

@tkoleary suppose better to change that one to "bug"

Because some other languages could have longer translations or user can add new menu item...

Version: 8.0.x-dev » 8.1.x-dev

Drupal 8.0.6 was released on April 6 and is the final bugfix release for the Drupal 8.0.x series. Drupal 8.0.x will not receive any further development aside from security fixes. Drupal 8.1.0-rc1 is now available and sites should prepare to update to 8.1.0.

Bug reports should be targeted against the 8.1.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.2.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.9 was released on September 7 and is the final bugfix release for the Drupal 8.1.x series. Drupal 8.1.x will not receive any further development aside from security fixes. Drupal 8.2.0-rc1 is now available and sites should prepare to upgrade to 8.2.0.

Bug reports should be targeted against the 8.2.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.6 was released on February 1, 2017 and is the final full bugfix release for the Drupal 8.2.x series. Drupal 8.2.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.3.0 on April 5, 2017. (Drupal 8.3.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.3.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.6 was released on August 2, 2017 and is the final full bugfix release for the Drupal 8.3.x series. Drupal 8.3.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.4.0 on October 4, 2017. (Drupal 8.4.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.4.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.4 was released on January 3, 2018 and is the final full bugfix release for the Drupal 8.4.x series. Drupal 8.4.x will not receive any further development aside from critical and security fixes. Sites should prepare to update to 8.5.0 on March 7, 2018. (Drupal 8.5.0-alpha1 is available for testing.)

Bug reports should be targeted against the 8.5.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.6 was released on August 1, 2018 and is the final bugfix release for the Drupal 8.5.x series. Drupal 8.5.x will not receive any further development aside from security fixes. Sites should prepare to update to 8.6.0 on September 5, 2018. (Drupal 8.6.0-rc1 is available for testing.)

Bug reports should be targeted against the 8.6.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.6.x-dev » 8.8.x-dev

Drupal 8.6.x will not receive any further development aside from security fixes. Bug reports should be targeted against the 8.8.x-dev branch from now on, and new development or disruptive changes should be targeted against the 8.9.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

nod_’s picture

Tentatively marking as duplicate of related issue.