Skip to content

Instantly share code, notes, and snippets.

@seandrickson
Last active December 5, 2019 20:39
Show Gist options
  • Save seandrickson/becdd6aa496c98cc1b2277104125024b to your computer and use it in GitHub Desktop.
Save seandrickson/becdd6aa496c98cc1b2277104125024b to your computer and use it in GitHub Desktop.
/* 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;
bottom: 10px; right: 10px;
min-height: 1em;
min-width: 1em;
line-height: 1;
border-radius: 2em;
text-align: center;
font-size: 9px;
font-weight: 600;
color: #172b4d;
background: rgba(9,30,66,0.13);
padding: 2px 6px;
}
.ghx-band-1 .ghx-issue .ghx-extra-fields .ghx-extra-field[data-tooltip^="Story Points:"] {
right: 6px;
}
.aui-badge, aui-badge {
font-size: 9px;
}
/* align story points to right side */
.ghx-column .ghx-issue .ghx-card-footer .ghx-end {
margin-left: auto;
margin-right: 0;
position: absolute;
transform: translateY(-100%);
right: 10px;
}
.ghx-band-1 .ghx-column .ghx-issue .ghx-card-footer .ghx-end {
transform: translateY(calc(-100% - 5px));
right: 8px;
}
/* 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 !important;
padding: .25em .5em .35em;
}
/* set a good font size for larger screens */
.ghx-column .ghx-issue {
font-size: 12px;
padding: 10px;
}
.ghx-issue .ghx-corner {
min-width: auto;
}
.ghx-band-1 .ghx-column .ghx-issue {
padding: 6px;
}
/* fix the spacing on issue summary */
[class*=ghx-band] .ghx-issue-fields .ghx-summary .ghx-inner {
line-height: 1.25;
min-height: 2.5em;
max-height: 3.75em;
}
/* fix margins on avatars */
.ghx-issue .ghx-avatar {
position: absolute !important;
margin: 0 !important;
}
.ghx-band-1 .ghx-issue .ghx-avatar {
top: 6px;
right: 6px;
}
/* smaller avatars */
.ghx-issue .ghx-avatar-img {
min-width: 24px;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
/* tighten spacing for footer area */
.ghx-issue .ghx-highlighted-fields {
margin-top: 8px;
}
.ghx-issue-fields {
margin-bottom: 8px;
}
.ghx-band-1 .ghx-issue .ghx-highlighted-fields {
margin-top: 5px;
margin-bottom: 5px;
}
.ghx-band-1 .ghx-issue-fields {
margin-bottom: 5px;
}
.ghx-issue .ghx-card-footer,
.ghx-band-1 .ghx-issue-fields {
margin-top: 0 !important;
}
.ghx-band-1 .ghx-has-avatar .ghx-issue-fields {
padding-right: 24px;
}
/* reposition icons left of description */
.ghx-issue .ghx-issue-content {
padding-left: 24px;
}
.ghx-issue .ghx-card-footer .ghx-type,
.ghx-issue .ghx-card-footer .ghx-flags {
position: absolute !important;
top: 10px;
margin-left: 0;
}
.ghx-band-1 .ghx-issue .ghx-card-footer .ghx-type {
top: 6px;
}
.ghx-issue .ghx-card-footer .ghx-flags {
top: 32px;
}
.ghx-band-1 .ghx-issue .ghx-card-footer .ghx-flags {
top: 28px;
}
/* match key alignment to icons */
.ghx-issue .ghx-key-link {
line-height: 16px;
}
/* dots moved closer to the bottom */
.ghx-issue .ghx-days {
position: absolute;
left: 0; bottom: 2px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment