/* ------ Make sure panel toggle buttons only show up on top left and top right ------ */

.view-wrapper[data-direction="column"] > *:not(:first-child) .top-bar {
    & .action-bar:not(.tabs-bar), & hr { display: none; }
}

.view-wrapper[data-direction="row"] > *:not(:first-child) {
    & .top-bar > .action-bar:first-of-type, & .top-bar > hr:first-of-type {
        display: none;
    }
}

.view-wrapper[data-direction="row"] > *:not(:last-child) {
    & .top-bar > .action-bar:last-of-type, & .top-bar > hr:last-of-type {
        display: none;
    }
}

/* ------ Change view display when not active ------ */

.view:not(.active) {
    opacity: 0.8;
}

.view-wrapper > hr { border: 2px solid hsl(0 0 15); }

.view-wrapper[data-direction="row"] > hr { cursor: ew-resize; }

.view-wrapper[data-direction="column"] > hr { cursor: ns-resize; }