Skip to content

Instantly share code, notes, and snippets.

@seandrickson
Last active December 5, 2019 20:40
Show Gist options
  • Save seandrickson/81ce11f7ef01c41c904cffe8025d46c7 to your computer and use it in GitHub Desktop.
Save seandrickson/81ce11f7ef01c41c904cffe8025d46c7 to your computer and use it in GitHub Desktop.
Userstyle to organize the Jira agile board to make it a little cleaner and minimal
/* For use on URLs starting with: https://jira.*/secure/RapidBoard.jspa */
/* Use story points from extra fields for Kanban boards */
.ghx-extra-fields {
display: block !important;
height: 0 !important;
margin: 0 !important;
}
.ghx-issue .ghx-extra-fields .ghx-extra-field:not([data-tooltip^="Story Points:"]),
.ghx-issue .ghx-extra-fields .ghx-extra-field[data-tooltip^="Story Points:"].ghx-fa .ghx-extra-field-content {
display: none;
}
.ghx-issue .ghx-extra-fields .ghx-extra-field[data-tooltip^="Story Points:"] {
/* reposition story points to bottom right */
/* should match actual story point element */
position: absolute;
top: auto; right: 10px;
min-height: 1em;
min-width: 1em;
line-height: 1;
border-radius: 2em;
text-align: center;
font-size: 12px;
font-weight: 600;
color: #172b4d;
background: rgba(9,30,66,0.13);
padding: 2px 6px;
margin-top: 10px;
margin-bottom: 2px;
}
.ghx-band-1 .ghx-issue .ghx-extra-fields .ghx-extra-field[data-tooltip^="Story Points:"] {
margin-top: 3px;
}
/* align story points to right side */
.ghx-column .ghx-issue .ghx-card-footer .ghx-end {
margin-left: auto;
margin-right: 0;
}
/* remove min-height to fix issue with custom story point styling */
.ghx-issue .ghx-issue-content {
min-height: auto;
}
/* remove strike-through on resolved tickets */
.ghx-done .ghx-key a {
text-decoration: none !important;
}
/* reduce size of epic labels */
.ghx-agile .aui-label {
font-size: 9px;
padding: .25em .5em .35em;
}
/* avatar has unnecessary margins set */
.ghx-issue .ghx-card-footer .ghx-avatar:not(:last-child) {
margin-right: 0;
}
.ghx-band-1 .ghx-issue .ghx-card-footer .ghx-avatar:not(:last-child) {
margin-right: 4px;
}
/* bottom area of agile issue too large */
.ghx-issue:not(.ghx-issue-compact) {
padding-bottom: 2px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment