- Install Stylish for Chrome.
- Click the Stylish extension in the Chrome toolbar and select
Create New Style. - Paste the contents of
styles.cssinto the Code section. - In the
Applies toselection menu, chooseURLs on the domainand provide the domain of your Jira service (e.g.,divvypay.atlassian.net). - In the top left of the style editor, give a name for your style, check
Enabled, and clickSave.
Last active
November 28, 2017 12:32
-
-
Save hadfieldn/4bbf4f7b29c58c465e5478b79748d938 to your computer and use it in GitHub Desktop.
Stylesheet override for Jira RapidBoard
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Stylesheet overrides for Jira RapidBoard | |
| * Nathan Hadfield | |
| * 12/8/16 | |
| * | |
| * Can be used with a stylesheet overriding extension like Stylish for Chrome. | |
| * See https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe | |
| */ | |
| /* | |
| #ghx-pool | |
| #ghx-column-header-group | |
| .ghx-swimlane | |
| .ghx-swimlane-header | |
| .ghx-columns | |
| .ghx-column | |
| .ghx-wrap-issue | |
| .ghx-issue | |
| .ghx-issue | |
| ... | |
| .ghx-wrap-issue | |
| .ghx-parent-group | |
| .ghx-parent-stub | |
| .ghx-group | |
| .ghx-subtask-group | |
| .ghx-issue | |
| ... | |
| .ghx-parent-group | |
| .ghx-parent-stub | |
| .ghx-group | |
| .ghx-key | |
| .ghx-summary | |
| .ghx-subtask-group | |
| .ghx-issue | |
| ... | |
| .ghx-issue | |
| .ghx-issue-content | |
| .ghx-issue-fields | |
| .ghx-type | |
| .ghx-key | |
| .ghx-summary | |
| .ghx-inner | |
| .ghx-highlighted-fields | |
| .ghx-highlighted-field | |
| .aui-label | |
| .ghx-extra-field-wrap | |
| .ghx-avatar | |
| .ghx-avatar-img | |
| .ghx-flags | |
| .ghx-priority | |
| .ghx-days | |
| .ghx-grabber | |
| .ghx-move-count | |
| .ghx-issue | |
| ... | |
| .ghx-subtask-group | |
| .ghx-issue | |
| ... | |
| */ | |
| #ghx-pool { | |
| padding-top: 54px !important; | |
| } | |
| .ghx-column-headers { | |
| padding-top: 10px !important; | |
| overflow: hidden; | |
| } | |
| .ghx-column-headers .ghx-qty, | |
| .ghx-column-headers .ghx-limits, | |
| .ghx-column-headers h2 { | |
| line-height: 1.5; | |
| display: inline !important; | |
| overflow: hidden; | |
| } | |
| .ghx-column-headers .ghx-limits { | |
| display: none; | |
| } | |
| .ghx-column-headers .ghx-column { | |
| border-bottom: 1px solid #ccc; | |
| padding: 10px 0px 3px 0px; | |
| margin-bottom: 10px; | |
| white-space: nowrap; | |
| text-align: center !important; | |
| } | |
| .ghx-column-headers h2 { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| display: inline !important; | |
| } | |
| .ghx-columns .ghx-column { | |
| border-radius: 4px; | |
| background: rgba(0, 0, 0, .05); | |
| } | |
| .ghx-group { | |
| display: flex !important; | |
| flex-direction: row; | |
| align-items: center; | |
| } | |
| .ghx-key { | |
| display: flex; | |
| min-width: 47px; | |
| } | |
| .ghx-narrow-card .ghx-key { | |
| display: inline !important; | |
| min-width: inherit; | |
| } | |
| .ghx-summary { | |
| display: flex; | |
| } | |
| .ghx-issue { | |
| font-size: 12px; | |
| display: flex; | |
| flex-direction: row; | |
| align-items: center; | |
| height: 30px; | |
| box-sizing: border-box; | |
| } | |
| .ghx-narrow-card.ghx-issue { | |
| height: 24px; | |
| } | |
| .ghx-issue, | |
| .ghx-parent-stub { | |
| margin-top: -1px; | |
| border: 1px solid rgba(0, 0, 0, .3); | |
| border-radius: 4px 0 0 4px; | |
| z-index: 1; | |
| } | |
| .ghx-wrap-issue > .ghx-issue:first-child, | |
| .ghx-wrap-issue > .ghx-parent-group:first-child > .ghx-issue, | |
| .ghx-wrap-issue > .ghx-parent-stub:first-child, | |
| .ghx-wrap-issue > .ghx-parent-group:first-child > .ghx-parent-stub { | |
| border-top-right-radius: 0px !important; | |
| overflow: hidden; | |
| } | |
| .ghx-wrap-issue > .ghx-issue:last-child, | |
| .ghx-wrap-issue > .ghx-parent-group:last-child > .ghx-issue, | |
| .ghx-wrap-issue > .ghx-parent-stub:last-child, | |
| .ghx-wrap-issue > .ghx-parent-group:last-child > .ghx-parent-stub { | |
| border-bottom-right-radius: 0px !important; | |
| overflow: hidden; | |
| } | |
| .ghx-subtask-group .ghx-issue { | |
| border-radius: 0 !important; | |
| border-top-color: rgba(0, 0, 0, 0.15); | |
| z-index: 0; | |
| } | |
| .ghx-issue-subtask { | |
| margin-left: 8px; | |
| } | |
| .ghx-narrow-card .ghx-issue, | |
| .ghx-narrow-card { | |
| font-size: 10px !important; | |
| } | |
| .ghx-issue .ghx-issue-content { | |
| min-height: inherit !important; | |
| display: flex; | |
| flex: 2; | |
| overflow: hidden; | |
| flex-direction: row; | |
| padding-right: 0; | |
| align-items: center; | |
| padding: 0 !important; | |
| } | |
| .ghx-issue .ghx-type { | |
| left: inherit; | |
| position: inherit; | |
| top: inherit; | |
| margin-right: 0; | |
| display: flex; | |
| margin: 0 6px 0 10px; | |
| } | |
| .ghx-narrow-card .ghx-type { | |
| margin: 0 4px 0 8px; | |
| } | |
| .ghx-issue .ghx-issue-content .ghx-issue-fields { | |
| display: flex; | |
| flex-direction: row; | |
| align-items: center; | |
| flex: 1; | |
| padding-right: 0 !important; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .ghx-issue .ghx-type, | |
| .ghx-issue .ghx-type img { | |
| width: 14px !important; | |
| height: 14px !important; | |
| border-radius: 2px; | |
| } | |
| .ghx-issue .ghx-type[title="Story-task"] { | |
| visibility: hidden; | |
| } | |
| .ghx-key { | |
| padding-right: 0.5em !important; | |
| display: flex; | |
| text-align: left; | |
| } | |
| .ghx-parent-stub { | |
| top: inherit; | |
| display: flex; | |
| flex-direction: row; | |
| align-items: center; | |
| height: 30px; | |
| padding-left: 4px; | |
| padding-left: 30px; | |
| } | |
| .ghx-parent-stub .ghx-group { | |
| padding: 0; | |
| background: transparent; | |
| } | |
| .ghx-parent-stub .ghx-key { | |
| border: none; | |
| padding: 0; | |
| } | |
| .ghx-key, | |
| .ghx-inner, | |
| .ghx-summary { | |
| line-height: 1.7 !important; | |
| } | |
| .ghx-summary { | |
| display: flex; | |
| flex: 1; | |
| overflow: hidden; | |
| padding: 0 !important; | |
| } | |
| .ghx-summary .ghx-inner { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| .ghx-issue .ghx-highlighted-fields { | |
| margin: 0 0 0 2px !important; | |
| padding-right: 0 !important; | |
| } | |
| .ghx-highlighted-field { | |
| margin-left: 3px; | |
| border-radius: 10px; | |
| overflow: hidden; | |
| } | |
| .ghx-highlighted-field span { | |
| font-size: 0 !important; | |
| } | |
| .ghx-highlighted-field span::first-letter { | |
| font-size: 10px !important; | |
| } | |
| .ghx-narrow-card .ghx-highlighted-field span::first-letter { | |
| font-size: 8px !important; | |
| } | |
| .ghx-highlighted-field:last-child { | |
| margin-right: 0 !important; | |
| } | |
| .aui-label { | |
| text-align: center; | |
| padding: 2px 6px 2px 6px; | |
| font-size: 10px; | |
| margin: 0; | |
| border-radius: 0px; | |
| } | |
| .ghx-issue .ghx-avatar { | |
| display: flex !important; | |
| position: inherit !important; | |
| top: inherit !important; | |
| right: inherit !important; | |
| flex-direction: row; | |
| align-items: center; | |
| margin: 0 0 0 6px !important; | |
| min-width: 30px; | |
| } | |
| .ghx-avatar-img { | |
| width: 29px; | |
| height: 29px; | |
| margin-left: 1px; | |
| border-radius: 0px; | |
| object-fit: cover; | |
| } | |
| .ghx-narrow-card .ghx-avatar { | |
| min-width: 24px !important; | |
| margin: 0 0 0 3px !important; | |
| } | |
| .ghx-narrow-card .ghx-avatar-img { | |
| width: 23px !important; | |
| height: 23px !important; | |
| } | |
| .ghx-issue .ghx-flags { | |
| display: flex !important; | |
| position: inherit; | |
| top: inherit; | |
| left: inherit; | |
| margin: 0 0 0 4px; | |
| width: inherit; | |
| } | |
| .ghx-flags .ghx-priority { | |
| display: flex; | |
| position: inherit; | |
| padding: 0 !important; | |
| width: inherit !important; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } | |
| .ghx-flags .ghx-priority[title="-"] { | |
| display: none !important; | |
| } | |
| .ghx-days { | |
| width: auto; | |
| padding: 0; | |
| margin: 0; | |
| color: #888; | |
| display: flex; | |
| font-size: 12px; | |
| } | |
| .ghx-days b { | |
| display: inline-block; | |
| height: inherit; | |
| padding: 0 2px; | |
| font-size: 10px; | |
| line-height: 10px; | |
| font-weight: normal; | |
| width: inherit !important; | |
| } | |
| .ghx-days b:empty { | |
| display: none; | |
| } | |
| .ghx-priority img { | |
| width: inherit !important; | |
| margin: 0 0 0 4px; | |
| } | |
| .ghx-subtask-group .ghx-issue { | |
| background: #fafafa; | |
| padding-left: 0; | |
| z-index: 0; | |
| } | |
| .ghx-subtask-group .ghx-issue-fields { | |
| margin-left: -8px; | |
| } | |
| .ghx-drag-in-progress .ghx-issue { | |
| padding-right: 8px; | |
| } | |
| .ghx-drag-in-progress .ghx-avatar, | |
| .ghx-drag-in-progress .ghx-flags { | |
| display: none !important; | |
| } | |
| .ghx-grabber { | |
| width: 4px; | |
| } | |
| .ghx-subtask-group .ghx-grabber { | |
| width: 3px; | |
| } | |
| .ghx-issue .ghx-issue-content { | |
| order: 1; | |
| } | |
| .ghx-issue .ghx-days { | |
| order: 2; | |
| } | |
| .ghx-issue .ghx-flags { | |
| order: 3; | |
| } | |
| .ghx-issue .ghx-priority { | |
| order: 4; | |
| } | |
| .ghx-issue .ghx-avatar { | |
| order: 5; | |
| } | |
| .ghx-subtask-group .js-issue:hover { | |
| background: #f0f0f0 !important; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment