ae_userstyles/ae_jira_kanban.user.css at master · appfolio/ae_userstyles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/* ==UserStyle==
@name           ae_jira_kanban
@namespace      github.com/openstyles/stylus
@version        1.0.13
@description    Make the Jira Kanban board more pleasant to use
@author         ae_jira_kanban Team
@homepageURL    https://github.com/appfolio/ae_userstyles
==/UserStyle== */


@-moz-document domain("atlassian.net") {
    /* Board title row with board name, top-right nav buttons - Reduce vertical whitespace */
    .css-1eekove {
        margin-bottom: -25px;
    }

    /* Page top section - Reduce vertical whitespace */
    .css-cayjis {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    /* Top nav row with search field, participant icons, "Epic" and other dropdowns - Reduce vertical whitespace */
    ._otyrxy5q {
        margin-bottom: 5px;
    }

    /* Column header row div - Reduce vertical whitespace */
    [data-testid="platform-board-kit.common.ui.column-header.header.column-header-container"] {
        height: 30px;
    }

    /* Fix taller characters (e.g. certain emoji) in column header row being slightly truncated vertically */
    [data-testid="platform-board-kit.common.ui.column-header.header.column-header-container"] > div {
        padding-top: 14px;
    }
    [data-testid="platform-board-kit.common.ui.column-header.editable-title.inline-edit-part-wrapper"] {
        height: 40px;
    }
    [data-testid="platform-board-kit.common.ui.column-header.editable-title.column-title.column-title"] {
        height: 30px;
    }
    [data-testid="platform-board-kit.common.ui.column-header.editable-title.column-title.column-name"] {
        padding-top: 2px;
        padding-bottom: 4px;
    }

    /* Column headers - Increase font size/weight */
    h2.__board-test-hook__column-title {
        font-weight: 600;
        font-size: 15px;
    }

    /* Column header div - Increase card and column width */
    div[data-component-selector="platform-board-kit.ui.column.draggable-column"] {
        min-width: 290px;
        margin-right: 8px;
    }

    /* Card div - Slightly reduce vertical whitespace content padding */
    .yse7za_content {
        padding-top: 3px;
        padding-bottom: 6px;
    }

    /* Card title text spans */
    .css-1qyv5a ._slp31hna {
        padding-right: 0; /* Allow card title to span full card width */
        -webkit-line-clamp: 7; /* Discontinue truncation of card titles (<= 7 lines) */
    }

    /* Card Epic labels (with colored background, below the card title text) */
    .css-1qyv5a ._1reo15vq {
        pointer-events: none; /* Card Epic label tool tips: remove */
    }

    /* Card "..." on-hover button - Move to bottom-center of card (to avoid obscuring other card elements on hover) */
    [data-testid="platform-card.ui.card.actions-section"] {
        top: initial;
        right: 123px;
        bottom: 5px;
    }

    /* Prevent extra right margin whitespace from being added to card text when the inline edit icon is displayed */
    .css-6cu6fo {
        margin-right: 0px;
    }

    /* Prevent extra right margin whitespace from being added to card text after the mouse cursor enters the card area (and persisting even after the cursor leaves the card) */
    ._2hwxxy5q {
        margin-right: 0px;
    }

    /* Prevent card text to being contracted back to 3 lines when the inline edit icon is displayed */
    ._1yyj11wp {
        -webkit-line-clamp: 7 !important;
    }

    /* Card title on-hover tool tips: remove. (Unneeded now that we're preventing truncation of card titles!) */
    ._19itglyw._vchhusvi._r06hglyw._2hwxxy5q._kqswh2mm._1bsb1osq {
        pointer-events: none;
    }
    /* Re-enable click events on the inline edit button, after they were suppressed by the above rule on an ancestor element */
    [data-testid="issue-field-single-line-text-readview-card.ui.single-line-text.container.icon-button"] {
        pointer-events: auto;
    }

    /* Move the drag-drop column overlays (introduced ~June 2025) that would prevent position ordering in the destination column to behind the cards */
    div[data-component-selector="platform-board-kit.ui.column.column-transition-zones-container.outer-transition-container"] {
        opacity: 0.5;
        z-index: 0;
    }
}