-
-
Notifications
You must be signed in to change notification settings - Fork 5.5k
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
Archived lable highglight via linear gradient #30376
base: main
Are you sure you want to change the base?
Archived lable highglight via linear gradient #30376
Conversation
This reduce/increases contrast depending on color. I think it could be made to always increase by adding dark stripes when text is white and light stripes when text is black, but you would likely need a classname to know which variant to apply. |
will the general concept work? (Yes/NO) |
I'm undecided. Think at least the stripes need to be wider to make an impact on these small lables, maybe 2-3px per stripe. |
So yes, I think it could work. You would need to use the CSS multiple backgrounds feature, and it could either be added as inline style like current background: <color>, <gradient>; |
For testing one could do a very dirty kind of CSS selector: .archived-label[style^="color: #fff"] {
background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, #0005 6px, #0005 12px);
}
.archived-label[style^="color: #000"] {
background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, #fff5 6px, #fff5 12px);
} |
@delvh this is not ready yet 😆. |
@silverwind updated screnshoot |
An archived label should not have a highlight UI. It should be grey or disabled. Maybe a dashed line border is better. |
I personally am for highlighting ... as:
|
Since it's archived, it should not be highlighted. Isn't it? |
in this logic we should "highlight" the normal labels ? |
Sponsored by Kithara Software GmbH