@import "../imports/aui-colours";
@import "../imports/mixins/border-box";

@jira-page-backdrop-color: var(--ds-surface, @aui-color-page);

.issue-header {
    .border-box();
    background: @jira-page-backdrop-color;
    border: 0;
    clear: both;
    left: 0;
    margin: 0;
    position: relative;
    padding: 0;
    right: 0;
    width: auto;
    z-index: 2;

    .ops-menus {
        display: block;
    }

    .ops-cont {
        margin: 0 10px;
    }

    + .aui-page-panel {
        border-top: none;
    }

    .issue-header-content {
        background: transparent;
        margin: 0;
        padding: 0;

        > .page-header-wrapper {
            background: transparent;
            padding: 20px 20px 9px;

            > .aui-page-header {
                h1 a {
                    text-decoration: none;
                }
            }
        }

        > .command-bar {
            margin: 0;
            padding: 0 10px 15px; //10px on the sides as the aui-toolbars have 10px margins left and right
        }

        #issue-comment-add {
            clear: both;
            padding: 0 10px;

            textarea#comment {
                .border-box();
                height: 45px;
                max-height: 90px;
                width: 100%;
            }
        }
    }

    &.detached {
        box-shadow: var(--ds-shadow-overflow, 0 0 15px 5px rgba(255, 255, 255, 1));
    }

    .command-bar .toolbar-group {
        margin-bottom: 5px;
    }

    .page-navigation {
        float: right;
        position: relative;
        text-align: right;
        width: 13em;
        li {
            float: none;
            margin: 0;
            padding: 0;
            .icon {
                vertical-align: baseline;
            }
            &.previous {
                position: absolute;
                right: 20px;
                top: 3px;
            }
            &.next {
                position: absolute;
                right: 0;
                top: 2px;
            }
            &.next a,
            &.previous a {
                display: block;
                height: 16px;
            }
            &.showing {
                width: 13em;
                margin-left: -48px;
                float: none;
            }
            &.showing a {
                display: block;
            }
            &.showing a:hover {
                text-decoration: underline;
            }
            &.return a {
                display: block;
            }
            &.return a:hover {
                text-decoration: underline;
            }
        }
        &.ops {
            padding: 0;
        }
    }
}

//JRADEV-18351 borked stalker when ka turned off
#content > header.issue-header {
    padding: 0;
}

// TODO JRADEV-18140 - Remove once KickAss remove the double content-container on the viewissue.jsp page
#content .issue-header + .issue-body-content .content-body { // pull the content up a little when we have the stalker
    padding-top: 10px;
}