flagr icon indicating copy to clipboard operation
flagr copied to clipboard

Colour coded tags in Flagr UI.

Open SaxJ opened this issue 3 years ago • 2 comments

Hello. This is my first contribution to this project, and I thought I'll post a feature request here, and see if there is any interest in this idea before I go opening a PR. :)

Description

Different tags have different colours in the Flagr UI. This would be purely a Flagr UI change.

Why

A small quality of life improvement. Different tags colours allow a user to more easily see what flags have what tags when scanning through the tag list. Screenshot_2021-04-19 Flagr Screenshot_2021-04-19 Flagr(1)

SaxJ avatar Apr 19 '21 06:04 SaxJ

Nice! That's awesome! Btw, how do you generate the color? Is it like a hash of the tag so that the same tag always gets the same color?

zhouzhuojie avatar Apr 19 '21 06:04 zhouzhuojie

Thank you :) Yep, just a hash of the tag value to get a hue between (0, 360), then from that get a CSS hsla string. I've implemented it as a small helper method that the vue component calls.

SaxJ avatar Apr 19 '21 07:04 SaxJ

Stale issue message

github-actions[bot] avatar Aug 26 '22 21:08 github-actions[bot]