Originally submitted on Github

Problem/Motivation

Recent interviews and research exposed pain points around Drupal's admin experience of looking and feeling dated, especially compared to our competitors, and universally cited that choosing a more modern-looking admin theme instantly led to Drupal being better-perceived by said users.

There was an amazing community effort to Create a Style Guide For Seven that vastly improved its look + feel compared to the original, but Design best practices and Drupal functionality have moved on since then.

Proposed resolution

Implement new entity reference styles to create a favorable first impression of Drupal for evaluators and a better user experience for site authors. No functional differences.

Full Specification:
https://www.figma.com/file/OqWgzAluHtsOd5uwm1lubFeH/Design-system?node-i...

General specs:
Color palette

Remaining tasks

  • Update patch styling to include time inputs
  • Accessibility review
  • RTL review (Right to left)

User interface changes

All entity reference styles will be changed, no functional differences.

Test Pages

/node/add/article (open vertical tab AUTHORING INFO,tags)

CommentFileSizeAuthor
#6 reference-active.png50.52 KBckrina
#2 entity_reference.png139.53 KBsaschaeggi
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

antonellasevero created an issue. See original summary.

saschaeggi’s picture

Version: » 8.x-1.x-dev
Issue summary: View changes
FileSize
139.53 KB

This can be worked on. Included an image for the overview and set the new figma link to the final specification.

huzooka’s picture

I think that this is almost fine, only the table drag style update is missing.

Components needed for this widget:

finnsky’s picture

Assigned: Unassigned » finnsky
finnsky’s picture

Assigned: finnsky » Unassigned
ckrina’s picture

Issue summary: View changes
FileSize
50.52 KB

Just updated the designs with the new bigger spacing between multiple fields to accommodate the green focus ring + the loading text.

fhaeberle’s picture

lauriii’s picture

Status: Active » Postponed

This can be closed after #3054689: Implement green focus ring on text field has been solved.

fhaeberle’s picture

Status: Postponed » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.