Skip to content

Jira compact style in backlog and active sprint views by OleksKh

Details

AuthorOleksKh

LicenseNo License

Categoryatlassian.net

Created

Updated

Code size6.6 kB

Code checksum2b0df88f

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      20250319.03.08
@namespace    https://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\\/.*)") {
div:has(> div > div > div > div > div > div > form > div > div > button[aria-label="Edit DoR, edit"]),
div:has(> div > div > div > div > div > div > form > div > div > button[aria-label="Edit Definition of Done, edit"]),
[data-testid^="issue-view-ecosystem.connect.content-panel.com.appbox.ai.checklist"]
{
    /* Styles for the parent element */
    display: none;
}

/* 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 */

div[data-testid="software-backlog.backlog-content.scrollable"] {
    padding-right: 0px;
}

div[data-onboarding-observer-id="backlog-wrapper"] {
    padding-left: 15px;
}

div[data-test-id="software-backlog.page-header"] {
    padding-right: 25px;
    padding-left: 15px;
}

div[data-testid="software-bulk-actions-toolbar.wrapper"] {
    width: calc(100% - 17px);
}

div[data-testid^="software-backlog.card-list.container"] {
    padding: 4px;
    margin-bottom: 4px;
}

div[data-testid^="software-backlog.card-list.container"] div:nth-child(3) {
   margin-top: 0;
}

div[id^="backlog-accordion-"] {
    margin-top: 4px;
}

div:has(> [data-testid="software-backlog.card-list.card.card-contents.checkbox"]) {
    margin-right: 1px;
}

div[data-testid="software-backlog.card-list.card.card-contents.versions-field.version-field-wrapper.versions-container"] {
    min-width: 0px;
    width:40px;
}

div[data-testid="software-backlog.card-list.card.card-contents.status-field.status-field-wrapper.status-container"] {
    grid-template-columns: repeat(auto-fit, 120px);
}

div[data-testid="software-backlog.card-list.card.card-contents.due-date"] {
    margin-right: 0;
    margin-left: 0;
}

div:has(> [data-testid="software-backlog.card-list.card.card-contents.estimate-field-wrapper"]) {
    min-width: 30px;
    max-width: 30px;
}

div[data-testid="software-backlog.card-list.card.card-contents.accessible-card-key"] {
    min-width: 64px;
    padding-right:4px;
}

/*
.ghx-backlog-card .ghx-items-container > *,
.ghx-backlog-card .items-spacer {
    margin-right: 5px;
}
*/

/* 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;
}*/
}

Reviews

No reviews yet.