See also #1836392: In the Views UI, the interaction pattern of “All displays”/ “Override this display” is confusing .

Problem/Motivation

When looking at views UI, it is hard to distinguish overridden settings from those that inherit from the base display.
The only visual distinction is italic font - that's quite weak.

Proposed resolution

In most themes, the views UI has grey/white table stripes.
This grey/white could instead be used to distinguish override vs inherit.

User interface changes

Appearance of views ui form / page.

CommentFileSizeAuthor
#8 interdiff-5_8.txt579 bytesgauravvvv
#8 3214660-8.patch911 bytesgauravvvv
#5 9.3.x-3214660-3-views-ui-orange-bars.patch911 bytesdonquixote
#3 issue-3214660-views-ui-bgcolor.png117.7 KBdonquixote
#2 issue-3214660-views-ui-orange-bars.png120.52 KBdonquixote

Comments

donquixote created an issue. See original summary.

donquixote’s picture

donquixote commented
StatusFileSize
new issue-3214660-views-ui-orange-bars.png120.52 KB

This grey/white could instead be used to distinguish override vs inherit.

Well.. I tried, doesn't look great :)

Here is something else I tried..

donquixote’s picture

donquixote commented
StatusFileSize
new issue-3214660-views-ui-bgcolor.png117.7 KB

Here is the version with background color, which I don't find convincing (yet).

cilefen’s picture

cilefen commented
Issue tags: +Usability
donquixote’s picture

donquixote commented
StatusFileSize
new 9.3.x-3214660-3-views-ui-orange-bars.patch911 bytes

Proof-of-concept patch for 'stable' theme (also applies to 'seven').

donquixote’s picture

donquixote commented
Related issues: +#1836392: In the Views UI, the interaction pattern of “All displays”/ “Override this display” is confusing
donquixote’s picture

donquixote commented
Status: Active » Needs review

The patch is only proof-of-concept, but let's trigger the tests anyway..

gauravvvv’s picture

gauravvvv commented
StatusFileSize
new 3214660-8.patch911 bytes
new interdiff-5_8.txt579 bytes

fixed custom command failed. Attached interdiff for the same.

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.

smustgrave’s picture

smustgrave commented
Status: Needs review » Needs work

Didn't notice any change to the views page after applying patch
Drupal Core 9.5
Seven admin theme

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.

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.