Problem/Motivation

If you have many view modes of some structured type - it becomes annoying on the Manage display to find / pick required view mode, because each view mode visually taking full width of screen.

Manage display

Try to guess 10x times more view modes than on screenshot above. User need to scroll a lot to find its view mode.

Steps to reproduce

1. Standard profile installation
2. Enable "Media" module
3. Go here /admin/structure/display-modes/view/add/media and create several view modes (like.. 8-10) for Image type
4. Then go here /admin/structure/media/manage/image/display and in Custom display settings section select all view modes you just created.
5. That's all. But i think this issue is not only related to Medias, but to any Manage displays.

Proposed resolution

Maybe in case of many view modes we have to replace tabs by dropbutton ?

Issue fork drupal-3381598

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

kostyashupenko created an issue. See original summary.

kostyashupenko’s picture

Issue summary: View changes
cilefen’s picture

Component: theme system » Claro theme
Issue tags: -Needs design, -user experience, -UX, -JS, -frontend
anjaliprasannan’s picture

StatusFileSize
new1.8 KB

@kostyashupenko I have created a patch for the issue. The next step would be the front end changes.

anjaliprasannan’s picture

StatusFileSize
new1.36 KB

Updated patch added. Please continue with the design change for drop down.

lauriii’s picture

Issue tags: +Field UX
Harish1688’s picture

Status: Active » Needs review
StatusFileSize
new2.93 KB
new1.86 KB
new50.37 KB

Hi,

As per comment #5, created a (3381598-7.patch) patch for the select box (#5 patch convert tabs into select box) theming.
attached the screenshot for reference.

Testing Steps:
1. Drupal setup 11.x and create several view modes as per issue summary.
2. Applied a patch (3381598-7.patch), check the select box theme on the path (admin/structure/media/manage/image/display).

issue image

Needs Review.

smustgrave’s picture

Status: Needs review » Needs work
Issue tags: +Needs Review Queue Initiative, +Needs change record

If we are going to update the twig templates we will have to update all them and provide a CR for contrib themes to update theirs.

Prashant.c made their first commit to this issue’s fork.

prashant.c’s picture

  1. Select list options were not loading the respective pages, added onchange event to the select list.
  2. Added selected attribute based on the current active option
  3. There are still some UI issues as well for the Select list like fonts etc.

Created MR from the patch along with additions from my end, Please review.

Thanks!

ckrina’s picture

Issue tags: +Needs design

Thanks for the proposed solutions, bit this needs to create a new design pattern instead of reusing existing ones. So the next step here is to come up with a better design.

devitate’s picture

StatusFileSize
new1.4 KB

The Primary tabs works as a dropdown already, and also has some responsive aspect to when it drops.
Why not just remove the lines blocking the secondary tabs from the same behavior?
Then possibly:

  1. Add some style to make secondary more distinct.
  2. Make a label to explain what the is-active button represents.

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.

quietone’s picture

Status: Needs work » Postponed

The Claro theme was approved for removal in #3576460: [policy, no patch] Deprecate and remove Claro.

This is Postponed. The status is set according to two policies. The Remove a core extension and move it to a contributed project and the Extensions approved for removal policies.

The deprecation work is in #3576668: [meta] Tasks to deprecate Claro and the removal work in #3584638: [meta] Tasks to remove the Claro theme.

smustgrave’s picture

Project: Drupal core » Claro
Version: main » 3.0.x-dev
Component: Claro theme » Code
Status: Postponed » Needs work

Claro has moved to contrib