On the module list, use a drop/split button for module links

Created on 14 July 2023, over 1 year ago
Updated 18 October 2023, about 1 year ago

Problem/Motivation

While reviewing 📌 [PP-3] Figure out what to do with the install/uninstall modules page Postponed at 📌 Drupal Usability Meeting 2023-07-14 Needs work we agreed that using a drop/split button for the module links could provide a better overall user experience, and make the module list slightly more consistent with other areas of Core.

Currently, the module links are hidden in the expandable description detail element, so moving them to a more prominent position could make them easier to access.

Steps to reproduce

Proposed resolution

This would involve adding a drop/split button to the far-right side of each module in the module list and moving the module links out of the expandable description detail element.

For installed module, the drop/split button would contain the existing links. We may also want to add a Uninstall link, as this could provide a slightly more convenient way of uninstalling a module right from the list.

For uninstalled modules, we could provide a single Install link, this could result in a slightly more convenient experience for installing a single module, where the user could simply click the link, rather than having to select the checkbox next to the module then scroll to the button of the list. On some sites the module list can be quite lengthy, so this could save time for users.

This issue does not currently have an opinion about whether or not the module link icons should be retained. Discussion and prototypes/screenshots may be required to assess how well icons work in a split/drop button layout.

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

📌 Task
Status

Active

Version

11.0 🔥

Component
System 

Last updated 2 days ago

No maintainer
Created by

🇬🇧United Kingdom AaronMcHale Edinburgh, Scotland

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Comments & Activities

  • Issue created by @AaronMcHale
  • 🇫🇷France vbouchet

    Here is a screenshot of the UI with links using 'operations' links type. For disabled module, I added the "Enable" operation.

    I am sharing the patch as a starting point but it does not aim to be used as-is as I took many shortcuts to demo the end result.

Production build 0.71.5 2024