Skip to content

Instantly share code, notes, and snippets.

@Vivelin
Last active May 12, 2020 16:28
Show Gist options
  • Save Vivelin/07610abd03c47290442a71beb905160a to your computer and use it in GitHub Desktop.
Save Vivelin/07610abd03c47290442a71beb905160a to your computer and use it in GitHub Desktop.
Trello text label tweaks
/* ==UserStyle==
@name Trello text label tweaks
@namespace vivelin.net
@version 1.0.5
@description Minor personal tweaks to Trello labels in text mode.
@author Vivelin
@updateURL https://gist.githubusercontent.com/Vivelin/07610abd03c47290442a71beb905160a/raw/TrelloTextLabelTweaks.user.css
@license unlicense
==/UserStyle== */
@-moz-document domain("trello.com") {
body {
font-family: 'IBM Plex Sans', sans-serif, 'Segoe UI Emoji';
}
.body-card-label-text .card-label.mod-card-front {
min-width: unset;
max-width: 100px;
padding: 0 4.5px;
}
.card-label.mod-card-front {
font-size: .75rem;
font-weight: 600;
}
.card-label.mod-selectable,
.card-label.mod-card-detail {
font-weight: 500;
}
.card-label[title='⭐'],
.card-label[title='♥'],
.card-label[title='❤'] {
background-color: #ccc;
}
.card-labels-hover .card-label[title='⭐'],
.card-labels-hover .card-label[title='♥'],
.card-labels-hover .card-label[title='❤'] {
background-color: #aaa;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment