Problem/Motivation

The current toolbar behavior exposes a menu as a nested, expandable menu when the containing tray is display in the vertical orientation. When the tray's orientation is switched to horizontal, only a menu's top-level items are exposed -- second level and lower menu items are hidden.

The decision to hide the second level menu items when the tray is in a horizontal orientation was a compromise made during the development of the initial responsive toolbar patch: #1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop

Now that we have the framework of the responsive toolbar, we can expand its functionality and introduce dropdowns menus in a horizontally orientated toolbar tray.

Proposed resolution

See the Administration menu module and its implementation of dropdown menus.

Remaining tasks

To be determined.

User interface changes

To be determined.

API changes

None.

Comments

Shyamala’s picture

Shyamala CreditAttribution: Shyamala commented
Issue tags: -toolbar +Needs design review, +#d8ux

tagging

yoroy’s picture

yoroy CreditAttribution: yoroy commented
Issue tags: +Usability

Without personally advocating pro or contra, it would be good to provide rationale as to why this would be a good thing.

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
CreditAttribution: webchick commented

Well, all of the reasons people use Admin Menu as opposed to the default core toolbar in D7. See #1847370: Why did I install admin_menu in favor of the Toolbar in Drupal 8? for a run-down.

- No waiting around for page refreshes in order to get deep into the tree.
- Can quickly get the sense of the the entire IA by hovering around when learning.
- Fewer clicks to get to places once you know where you're going.
- Much, much faster to get your work done.

yoroy’s picture

yoroy CreditAttribution: yoroy commented

Good list. Besides point 2, this would mostly be an improvement for non-beginners, so intermediates and advanced users. And I'm not sure 'hovering around' is a better/easier way to learn then clicking around. Nor am I too sure if getting a sense of the entire IA is a useful task we need to improve on.

Remember the paradox of choice: more options makes it harder to choose. Too many choices and people are likely to not choose at all. Fewer clicks does not necessarily increase *percieved* performance/speed of finding ones destination.

Choose your poison :-)

wusel’s picture

wusel CreditAttribution: wusel commented
  • I have tested the new toolbar from D8 some days.
  • On nearly all of my D7-sites, I use the module admin_menu.
  • You can look at some quite new D7-distributions, where I asked the maintainers to "Install admin-menu toolbar instead of core toolbar". They all have changed the default-toolbar.
  • The new D8-toolbar in horizontal orientation has the same ugly behavior as the D7-toolbar.
  • When I do admin-tasks, I use a latop or desktop and NOT a smartphone. And you?

Please add the behavior of the module admin_menu, when the toolbar is in horizontal orientation.

Perhaps add a setting for the user to change this. But I think, the default should be to show this new behavior.

Thank you very much!

Wusel

tkoleary’s picture

tkoleary CreditAttribution: tkoleary commented
Version: 8.x-dev » 9.x-dev
Category: task » feature

Moving to 9 since this is a feature and we are past API freeze

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
CreditAttribution: webchick at Acquia commented
Version: 9.x-dev » 8.1.x-dev
Issue summary: View changes
Status: Active » Postponed

I don't think this needs to be 9.x. It seems like something we could do in 8.1.x.

See also #2390047: Add Hover Submenu drop down to horizontal toolbar which has some code.

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
CreditAttribution: webchick at Acquia commented

Just randomly came across https://www.drupal.org/project/admin_toolbar which seems to do this in contrib.

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

Drupal 8.1.0-beta1 was released on March 2, 2016, which means new developments and disruptive changes should now 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.2.x-dev » 8.3.x-dev

Drupal 8.2.0-beta1 was released on August 3, 2016, which means new developments and disruptive changes should now 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.3.x-dev » 8.4.x-dev

Drupal 8.3.0-alpha1 will be released the week of January 30, 2017, which means new developments and disruptive changes should now 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.4.x-dev » 8.5.x-dev

Drupal 8.4.0-alpha1 will be released the week of July 31, 2017, which means new developments and disruptive changes should now 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.5.x-dev » 8.6.x-dev

Drupal 8.5.0-alpha1 will be released the week of January 17, 2018, which means new developments and disruptive changes should now 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.6.x-dev » 8.7.x-dev

Drupal 8.6.0-alpha1 will be released the week of July 16, 2018, which means new developments and disruptive changes should now 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.7.x-dev » 8.8.x-dev

Drupal 8.7.0-alpha1 will be released the week of March 11, 2019, which means new developments and disruptive changes should now be targeted against the 8.8.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.8.x-dev » 8.9.x-dev

Drupal 8.8.0-alpha1 will be released the week of October 14th, 2019, which means new developments and disruptive changes should now be targeted against the 8.9.x-dev branch. (Any changes to 8.9.x will also be committed to 9.0.x in preparation for Drupal 9’s release, but some changes like significant feature additions will be deferred to 9.1.x.). For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.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

nod_
Primary language French
Location Lille
CreditAttribution: nod_ at Smile commented
Status: Postponed » Active

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.5.x-dev » 10.1.x-dev

Drupal 9.5.0-beta2 and Drupal 10.0.0-beta2 were released on September 29, 2022, which means new developments and disruptive changes should now be targeted for the 10.1.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 10.1.x-dev » 11.x-dev

Drupal core is moving towards using a “main” branch. As an interim step, a new 11.x branch has been opened, as Drupal.org infrastructure cannot currently fully support a branch named main. New developments and disruptive changes should now be targeted for the 11.x branch, which currently accepts only minor-version allowed changes. For more information, see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.