UX: Highlight used styles

Created on 11 April 2023, over 1 year ago
Updated 7 September 2023, about 1 year ago

Problem/Motivation

When configuring displays (layouts, blocks, etc.) with UI Styles, depending on the number of styles of your design system, it can be very easy to confuse between (Block wrapper styles, block title, block content) and also in sub details, having to re-open each one to check if a style is applied or not.

Proposed resolution

Add visual indicator, at the details level when one of contained style is used and on a style select when it is used.

Visual indicator could be:
- an altered title of the details and the style select title
- a colored details/select

Remaining tasks

- Do the implementation.
- Start to provide a trait or service to generate Styles form elements to increase reusability and DX.

User interface changes

New visual indicator.

Feature request
Status

Fixed

Version

1.0

Component

User interface

Created by

🇫🇷France Grimreaper France 🇫🇷

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

Comments & Activities

Production build 0.71.5 2024