Skip to content

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

Reviews

No reviews yet.