/* This file is separate to splitview.less to maximise the amount of LESS precompilation that can be done.
Feel free to merge this file with splitview.less when the LESS precompiler supports webstatic: imports.
By having it in a separate file, the vast majority of splitview's LESS can be precompiled, and only these
responsive rules that shared JIRA mixins need to be compiled in production. */

/* These are extensions of the issue-view (core) responsive stuff, hence the mixins */
/* Don't add the same layout changes to both files, make a new mixin instead */
/* Bare that in mind if you change stuff */
.issue-container {
    &.skinny {
        .links-list {
            padding-left: 0;
            dt {
                float: none;
                margin: 0 0 6px;
                width: 100%;
                + dd {
                    border-top: 1px solid var(--ds-border, #ccc);
                }
            }
            dd {
                margin-left: 0;
            }
            + .links-list {
                padding-top: 10px;
            }
        }

        .list-results-panel {
            width: 250px;
        }
        .property-list {
            &.two-cols {
                > .item {
                    width: 100%;
                }
                > .item-right {
                    clear: both;
                    float: left;
                }
            }
        }

        #viewissuesidebar {
            width: 280px;

            .item-details {
                dl + dl {
                    margin-top: 8px;
                }
                dl dt {
                    display: block;
                    text-align: left;
                    width: 100%;
                }
                dl dd {
                    display: block;
                    margin: 0;
                    padding: 2px 0;
                    width: 100%;
                }
            }

            .tt_inner > dl {
                display: block;
            }
            .tt_inner dt {
                display: block;
            }
            .tt_inner dt ~ dd {
                display: inline-block;
                vertical-align: middle;
            }
            dd.tt_graph {
                width: 50%;
            }
        }

        .issue-header {
            .aui-toolbar2  .toolbar-trigger,
            .aui-toolbar2  a.aui-dropdown2-trigger {
                font-size: 12px;
                height: 24px;
                line-height: 24px;
                padding: 0 6px;
            }
        }
        #activitymodule {
            #issue-tabs {
                padding-left: 10px;
            }
        }
    }

    &.very-skinny {
        .property-list {
            .wrap {
                padding: 0;
            }
            .item {
                .name {
                    float: none;
                    margin-left: 0;
                    text-align: left;
                    width: 100%;
                }
                .value {
                    margin-left: -5px;
                }
            }
        }
        .issue-header {
            .icon + .trigger-label {
                display: none;
            }
        }
    }
}