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)
Comment | File | Size | Author |
---|---|---|---|
#6 | reference-active.png | 50.52 KB | ckrina |
#2 | entity_reference.png | 139.53 KB | saschaeggi |
Comments
Comment #2
saschaeggiThis can be worked on. Included an image for the overview and set the new figma link to the final specification.
Comment #3
huzookaI think that this is almost fine, only the table drag style update is missing.
Components needed for this widget:
Comment #4
finnsky CreditAttribution: finnsky at Skilld commentedComment #5
finnsky CreditAttribution: finnsky at Skilld commentedComment #6
ckrinaJust updated the designs with the new bigger spacing between multiple fields to accommodate the green focus ring + the loading text.
Comment #7
fhaeberleComment #8
lauriiiThis can be closed after #3054689: Implement green focus ring on text field has been solved.
Comment #9
fhaeberle