Contrib.social

Consider aligning layout & styles with field UI

Open on Drupal.org →
Created on 14 June 2024, 11 months ago
Updated 16 September 2024, 7 months ago

Problem/Motivation

The new field UI for adding fields is very similar to this module's layout. With some fairly minor styling changes, it could be aligned to provide a more seamless experience.

Proposed resolution

Update the layout and styles to broadly match the add field UI. This would basically mean moving the icon into a shaded box on the left and moving the star to the right side, out of the shaded area. (Currently the star outline is really difficult to see. Also, the description text lacks sufficient contrast for WCAG AA.) Also the text size could be reduced slightly.

The list UI might need a bit more consideration as the thumbnail creates more vertical space.

Field UI in Claro:

Type tray grid UI:

Remaining tasks

✅
Create a mockup of the necessary changes
Apply updated styles

User interface changes

TBC

✨ Feature request
Status

Active

Version

1.0

Component

User interface

Created by

🇦🇺Australia pameeela

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @pameeela
  • Comment 11 months ago →
    🇦🇺Australia pameeela
  • Comment 11 months ago →
    🇪🇸Spain marcoscano Barcelona, Spain

    I agree this is a good idea, at least for the grid view, where I think just trying to adjust the CSS to have a closer look to what core provides would be beneficial.

    For the list view, maybe someone with design expertise could possibly help us come up with a solution that is aligned with the grid view, but accomodates both the thumbnail and a possible longer description text as well.

    Thanks!

  • Comment 7 months ago →
    🇵🇹Portugal adaragao

    For someone creating content would definitely increase the UI experience, providing a more seamless experience, so it does't feel like it is build with disconnected pieces (modules), each one with different UI's.

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024