Jira compact style in backlog and active sprint views
by OleksKh
Details
AuthorOleksKh
LicenseNo License
Categoryatlassian.net
Created
Updated
Size5.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Removes unnecessary blank spaces in Jira (*.atlassian.net) and fixes some UI bugs.
In Backlog view, more issues fit on screen:
- Up to 30% more on a desktop (1920x1080 screen).
- Up to 115% more on a notebook (1280x720 screen). Yes, more than twice.
In Active sprint, the height of the section containing issues is increased:
- Up to 20% more on a desktop (1920x1080 screen).
- Up to 46% more on a notebook (1280x720 screen).
Notes
Userstyle doesn't have notes.
Source code
/* ==UserStyle==
@name Jira compact style in backlog and active sprint views
@version 20230502.14.55
@namespace userstyles.world/user/OleksKh
@description Removes unnecessary blank spaces in Jira (*.atlassian.net) and fixes some UI bugs.
In Backlog view, more issues fit on screen:
- Up to 30% more on a desktop (1920x1080 screen).
- Up to 115% more on a notebook (1280x720 screen). Yes, more than twice.
In Active sprint, the height of the section containing issues is increased:
- Up to 20% more on a desktop (1920x1080 screen).
- Up to 46% more on a notebook (1280x720 screen).
@author OleksKh
@license No License
==/UserStyle== */
@-moz-document regexp(".*\\.atlassian\\.net(.*\\/boards\\/.*|.*\\/dashboards\\/.*|\\/browse\\/.*)") {
/* make top row as small as possible */
#ghx-header {
margin-left: calc(100vw - 506.5px);
margin-top: 4px!important;
margin-bottom: 0!important;
margin-right: 0!important;
padding: 0!important;
height: 0px!important;
z-index: 1;
position: absolute;
}
.ghx-mode-planning #ghx-header {
margin-left: calc(100vw - 218.5px);
}
#ghx-view-selector {
display: none !important;
}
#ghx-operations {
justify-content: start!important;
}
#ghx-controls-buttons {
margin-top: 4px;
}
div[data-testid="rapidboard-breadcrumbs"] {
display: none;
}
[data-test-id="searchfield"] {
height: 2em!important;
}
div.ghx-sprint-info.aui-group.aui-group-split {
display: none;
}
div.ghx-assigned-work-stats {
display: none!important;
}
#ghx-backlog-column {
padding-top: 0px!important;
}
#ghx-quick-filters {
margin-bottom: 0px!important;
}
#ghx-operations {
margin-top: 4px;
}
header {
height: 40px!important;
}
:root {
--topNavigationHeight: 40px!important;
}
/* adjusting top row in Dashboards like https://yoursite.atlassian.net/jira/dashboards/12345 */
header[data-test-id="dashboard-internal-common.ui.dashboard-content.header.dashboard-header"] div:has(>button[data-testid^="dashboard-"]) {
margin-top: 4px;
}
header[data-test-id="dashboard-internal-common.ui.dashboard-content.header.dashboard-header"] div:has(>h1) {
margin-top: -20px;
}
/* making backlog take more space */
.ghx-backlog-container .ghx-issues {
margin: 1px 0px;
}
.ghx-backlog #ghx-content-group {
overflow-x: clip;
}
#content {
margin: 0 40px 0 16px;
}
.ghx-backlog-card-expander-spacer {
width: 5px;
}
.ghx-backlog-card .ghx-items-container > *,
.ghx-backlog-card .items-spacer {
margin-right: 5px;
}
.ghx-issue-compact .ghx-end {
padding: 4px 0 4px 3px;
}
/* Removing whitespace before sprint goal */
.aui-group {
margin: 0;
}
/* Issue card */
[data-testid="issue.views.issue-details.issue-layout.compact-layout"] > div {
padding-left: 14px;
padding-right: 8px;
}
[data-testid="issue.views.issue-base.foundation.summary.heading"] {
font-size: 18px;
line-height: 25px;
}
[data-test-id="issue.views.issue-base.foundation.summary.heading.writeable"] > textarea {
font-size: 18px;
line-height: 25px!important;
}
[data-testid="issue.views.issue-base.context.status-and-approvals-wrapper.status-and-approval"] > div {
padding-top: 0;
}
[data-testid="issue-view-layout-templates-item-list.ui.sortable-item-list.draggable-container"] {
margin-bottom: 0;
}
[data-component-selector="jira-issue-field-heading-field-wrapper"] {
margin-bottom: 0!important;
}
[data-testid^="issue-view-layout-templates-item-list.ui.sortable-item-list.sortable-item-container-"] {
padding-bottom: 0;
}
div:has([data-testid="issue.activity.comment"]) {
padding-top: 0;
padding-bottom: 0;
}
[data-testid="issue.activity.comment"] {
margin-top: 4px;
}
[data-testid="issue.activity.comment"] > small {
margin-top: 2px;
margin-bottom: 2px;
}
/* Issue card in full issue page*/
[data-testid="issue.views.issue-details.issue-layout.right-most-column"] {
padding-top: 2px;
}
/* issue card after opening from search by label*/
.issue-header .page-navigation li.return {
position: absolute;
right: 130px;
top: 0px
}
/* Active sprint */
.ghx-mode-planning #ghx-operations {
margin-bottom: 0!important;
}
#ghx-operations {
margin-bottom: 25px;
}
#ghx-header .ghx-sprint-goal {
position: absolute;
left: calc(-100vw + 506.5px);
}
[data-testid="ContextualNavigation-grab-area"] {
width: 16px;
}
#gh #ghx-work #ghx-pool-column.ghx-flexible-board #ghx-column-headers,
#gh #ghx-work #ghx-pool-column.ghx-flexible-board .ghx-columns,
#gh #ghx-work #ghx-pool-column.ghx-flexible-board .ghx-zone-overlay-table {
grid-column-gap: 3px;
}
#gh #ghx-work #ghx-pool-column.ghx-flexible-board .ghx-swimlane .ghx-swimlane-header {
top: 24px;
}
.ghx-issue {
padding: 4px 10px 9px 10px;
}
.ghx-issue > section + section {
margin-top: 5px;
}
.ghx-issue .ghx-stat-fields > .ghx-row {
margin-top: 5px;
}
#gh #ghx-work #ghx-pool-column.ghx-flexible-board #ghx-column-headers .ghx-column {
padding: 7px 15px;
}
/*#ghx-pool-column::-webkit-scrollbar {
display: none;
scrollbar-width: none;
}*/
}