MauroDataMapper/mdm-ui

Theming: Display chosen colour next to Api Property value

NigelPalmer opened this issue · 0 comments

Description

In the future we may add a separate page for theming, but for now we are simply using the Api Properties page to theme the Mdm Explorer. A quick win to improve the UX is to display the chosen colour next to the hex value. The chosen colour should also be displayed on the edit api property page after the user has type in a hex value.

Additional context

The following is a mockup of how I envision the api properties page:
image

The name of the key should be read to determine whether the colour box should be displayed or not. I.e if the name of the key starts with "explorer.theme.color" then display the coloured square.

The following is a mockup of how I envision the epi property edit page:
image

Out of Scope

The user will not have any GUI for picking colours. The coloured box is simply to represent the typed in value.