-
Notifications
You must be signed in to change notification settings - Fork 43
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
🐛 Display tags color upon their category #745
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Need to rethink this one together. Probably will need input from UXD and Ramon here.
This might help :) migtools/lib-ui#125 |
Signed-off-by: Gilles Dubreuil <[email protected]>
@mturley, thanks and nice work with the migtools/lib-ui wrapper. |
@@ -222,22 +223,19 @@ export const ApplicationTags: React.FC<ApplicationTagsProps> = ({ | |||
</Text> | |||
</TextContent> | |||
<Flex> | |||
{tagsInThisCategoryInThisSource | |||
?.sort((a, b) => a.name.localeCompare(b.name)) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@gildub why remove the sorting here?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, left a question we can follow up on later.
Signed-off-by: Gilles Dubreuil <[email protected]>
* Use LabelCustomColor from migtools/lib-ui (#745) Signed-off-by: Gilles Dubreuil <[email protected]> * ✨ Expand tag category color palette to 16 colors, add deterministic fallback colors for tag categories (#781) * Add deterministic fallback colors for tag categories Signed-off-by: Mike Turley <[email protected]> * Tweak colors, add named constants, TODO Signed-off-by: Mike Turley <[email protected]> * Use new color palette in all tag-related color selections Signed-off-by: Mike Turley <[email protected]> * Add comment Signed-off-by: Mike Turley <[email protected]> * Update snapshots Signed-off-by: Mike Turley <[email protected]> --------- Signed-off-by: Mike Turley <[email protected]> --------- Signed-off-by: Gilles Dubreuil <[email protected]> Signed-off-by: Mike Turley <[email protected]> Co-authored-by: Gilles Dubreuil <[email protected]>
PF Label support the following 8 colors "gold" | "red" | "blue" | "cyan" | "green" | "orange" | "purple" | "grey" .
Tag colors depends upon their TagCategory colors which are defined as either keyword names (blue, etc) or hexadecimal values (for the recent ones V3).
Therefore depending on the color of the tag the Label can be displayed with a supported color or will fall back to "grey" (Label default) when not supported.
LabelCustomColor from migtools/lib-ui wraps Label to make tag color supported through CSS properties.
Resolves https://issues.redhat.com/browse/MTA-332