Skip to content

지라 대시보드 by protyliss

Write a review Install Get Stylus

Details

Authorprotyliss

LicenseNo License

Categoryatlassian

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

지라 대시보드 스타일 임의 조정

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         지라 대시보드
@version      20241014.00.56
@namespace    https://userstyles.world/user/protyliss
@description  지라 대시보드 스타일 임의 조정
@author       protyliss
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://imrdev.atlassian.net/jira/dashboards") {
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

:root {
    --icon-reporter: 'person_edit';
    --icon-assignee: 'person_check';
    --icon-created: 'more_time';
    --icon-startdate: 'line_start_circle';
    --icon-duedate: 'line_end_circle';
    --icon-checklist-progress: 'check_box';
    --icon-current-progress: 'clock_loader_10';
    --icon-next-progress: 'clock_loader_60';
}

/******************************
 * 구형
 ******************************/
.issue-table {
    th,
    td {
        white-space: nowrap;
        max-width: inherit !important;
        min-width: inherit !important;

        border-bottom: solid 1px #ccc !important;
    }

    .summary {

        width: 100%;
    }

    &:has(.project) {

        .headerrow-project {
            padding: 0 !important;
            span {
                display: none;
            }
        }

        .project {
            position: relative;
            padding: 0 !important;
            width: 0;
            a {
                top: 0;
                left: 4px;
                position: absolute;
                font-size: 0.875em;
            }
        }
        td {
            padding-top: 1.6em !important;
        }
    }

    &:has(.customfield_10129) {
        tr {
            position: relative;
        }

        .headerrow-customfield_10129 {
            padding: 0 !important;
            span {
                display: none;
            }
        }

        .customfield_10129 {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #900;
            padding-bottom: 0 !important;
        }

        td {
            padding-bottom: 1.6em !important;
        }
    }
    
    tr:has(.jira-issue-status-lozenge-yellow) {
        --bg: var(--ds-background-information);
        background-color: var(--bg) !important;
        .summary {
            font-weight:bold;
        }
    }
    
    tr:has(.jira-issue-status-lozenge-done) {
        --bg: var(--ds-background-success);
        background-color: var(--bg) !important;
        
        .summary {
            font-weight:bold;
        }
    }
    
    tr:has(.jira-issue-status-lozenge-yellow),
    tr:has(.jira-issue-status-lozenge-done) {
        td {
            border-color: hsl(from var(--bg) h calc(s - 24) calc(l - 8)) !important;;
        }
        &:hover {
            background-color: hsl(from var(--bg) h calc(s - 8) calc(l - 4)) !important;
        }
    }
}

.headerrow-summary {
    width: 100%;
}


.headerrow-reporter,
.headerrow-assignee,
.headerrow-customfield_10015,
.headerrow-duedate,
.headerrow-created,
.headerrow-customfield_10040,
.headerrow-customfield_10126,
.headerrow-customfield_10128,
.dummy {
    span {
        display: inline-block;
        text-indent: 100%;
        overflow: hidden;
        width: 0;
    }

    text-align:center !important;

    &:before {
        font-size: 24px;
        font-family: 'Material Symbols Outlined';
    }
}

.headerrow-reporter::before {
    content: var(--icon-reporter);
}

.headerrow-assignee::before {
    content: var(--icon-assignee);
}

.headerrow-created::before {
    content: var(--icon-created);
}

.headerrow-customfield_10015::before {
    content: var(--icon-startdate);
}

.headerrow-duedate::before {
    content: var(--icon-duedate);
}

.headerrow-customfield_10040::before {
    content: var(--icon-checklist-progress);
}

.headerrow-customfield_10126::before {
    content: var(--icon-current-progress);
}

.headerrow-customfield_10128::before {
    content: var(--icon-next-progress);
}

.customfield_10040,
.customfield_10126,
.customfield_10128 {
    text-align: right !important;
    &::after {
        content: '%';
    }

    &:empty {
        color: red;
        &::before {
            content: '0 ';
        }
    }
}

/******************************
 * 신형
 ******************************/
[data-testid="react-issue-table-gadgets.filter-results.view"] {
    &:has([data-component-selector='project-read-view-container']) {
        td {
            padding-top: 0.875em;
        }
    }

    &:has(th[aria-label='특이사항']) {
        td {
            paddingng-bottom: 0.875em;
        }
    }
}

tr:has([data-testid='issue.fields.status.common.ui.status-lozenge.4']) {
    background-color: var(--ds-background-information);
}

tr:has([data-testid='issue.fields.status.common.ui.status-lozenge.3']) {
    background-color: var(--ds-background-success);
}

th[aria-label='우선 순위'] {
    width: 34px;
}

[data-testid='issue-field-priority-readview-full.ui.priority.wrapper'] {
    span {
        display: none;
    }
}

th[aria-label='유형'] {
    width: 34px;
}

th[aria-label='보고자'],
th[aria-label='담당자'],
th[aria-label='만듦'],
th[aria-label='Start date'],
th[aria-label='기한'],
th[aria-label='Checklist Progress %'],
th[aria-label='현재 진행율'],
th[aria-label='다음 예정 진행율'] {
    font-size: 0;
    text-align: center;
    &::after {
        font-size: 24px;
        font-family: 'Material Symbols Outlined';
    }
}


th[aria-label='보고자']::after {
    content: var(--icon-reporter);
}

th[aria-label='담당자']::after {
    content: var(--icon-assignee);
}

th[aria-label='만듦']::after {
    content: var(--icon-created);
}

th[aria-label='Start date']::after {
    content: var(--icon-startdate);
}

th[aria-label='기한']::after {
    content: var(--icon-duedate);
}

th[aria-label='Checklist Progress %']::after {
    content: var(--icon-checklist-progress);
}

th[aria-label='현재 진행율']::after {

    content: var(--icon--current-progress);
}

th[aria-label='다음 예정 진행율']::after {

    content: var(--icon-next-progress);
}

th[aria-label='보고자'],
th[aria-label='담당자'] {
    width: 40px;
}


div[data-testid='profilecard-next.ui.profilecard.profilecard-trigger'] {
    span span {
        display: none;
    }
}

th[aria-label='상태'] {
    width: 104px;
}


th[aria-label='Checklist Progress %'],
th[aria-label='현재 진행율'],
th[aria-label='다음 예정 진행율'] {
    width: 40px;
    div:first-child > div > div {
        display: none;
    }
}

th[aria-label='만듦'],
th[aria-label='Start date'],
th[aria-label='기한'] {
    width: 124px;
    div:first-child > div > div {
        display: none;
    }
}

table:has(th[aria-label='프로젝트']):nth-child(1) {
    th:nth-child(1),
    td:nth-child(1) {
        width: 1px;
        padding: 0;
    }

    td:nth-child(1) > div {
        position: absolute;
        top: 0;
        left: 1em;
        white-space: nowrap;
        padding: 0;
        font-size: 0.875em;
        z-index: 1;

        a {
            color: currentColor;
        }
    }
}


/* 특이사항 처리 */
table:has(th[aria-label='특이사항']:nth-child(3)) {
    th:nth-child(3),
    td:nth-child(3) {
        width: 1px;
        padding: 0;
    }

    td:nth-child(3) {
        button {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: auto;
            height: auto;
            background-color: transparent;
            white-space: nowrap;
            font-size: 0.875em;
            padding: 0;
            color: var(--ds-text-accent-red);
        }
    }
}

table:has(th[aria-label='특이사항']:nth-child(4)) {
    th:nth-child(4),
    td:nth-child(4) {
        width: 1px;
        padding: 0;
    }

    td:nth-child(4) {
        button {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: auto;
            height: auto;
            background-color: transparent;
            white-space: nowrap;
            font-size: 0.875em;
            padding: 0;
            color: var(--ds-text-accent-red);
        }
    }
}

table:has(th[aria-label='특이사항']:nth-child(5)) {
    th:nth-child(5),
    td:nth-child(5) {
        width: 1px;
        padding: 0;
    }

    td:nth-child(5) {
        button {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: auto;
            height: auto;
            background-color: transparent;
            white-space: nowrap;
            font-size: 0.875em;
            padding: 0;
            color: var(--ds-text-accent-red);
        }
    }
}


table:has(th[aria-label='특이사항']:nth-child(6)) {
    th:nth-child(6),
    td:nth-child(6) {
        width: 1px;
        padding: 0;
    }

    td:nth-child(6) {
        button {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: auto;
            height: auto;
            background-color: transparent;
            white-space: nowrap;
            font-size: 0.875em;
            padding: 0;
            color: var(--ds-text-accent-red);
        }
    }
}
}

@-moz-document url-prefix("https://imrdev.atlassian.net/jira/projects") {
@import url('//imrbiz.co.kr/documents/assets/latest-updates-for-stylus.css');

table + nav::after {
    height: var(--rules-height);
    content: var(--rules-content);
    display: block;
    margin-top: 24px;
    padding: 24px;
    background-color: var(--ds-background-selected, #253858);
}

table:has(caption) {
    th,
    td {
        white-space: nowrap;
    }

    thead {
        th:nth-child(2) {
            width: 100ch;
        }

        th:nth-child(3) {
            width: 8ch;
        }

        th:nth-child(5) {
            width: 14ch;
        }

        th:nth-child(6) {
            width: 12ch;
        }


        th:nth-last-child(1) {
            width: 80% !important;
            text-align: left;
        }
    }
    tbody {
        tr {
            border-bottom: solid 1px var(--ds-background-neutral) !important;
            &:nth-child(odd) {
                background-color: color-mix(in srgb, transparent, var(--ds-background-neutral) 16%)
            }
        }
        td:n...

Reviews

No reviews yet.