web-apps/apps/common/main/resources/less/layout.less

/**
 *    layout.less
 *
 *    Created by Maxim Kadushkin on 10 February 2014
 *    Copyright (c) 2018 Ascensio System SIA. All rights reserved.
 *
 */

.layout-ct {
    position: absolute;
    width: 100%;
    height: 100%;

    .layout-item, .layout-resizer {
        position: absolute;
    }

    .layout-resizer {
        z-index: @zindex-dropdown - 10;
        background: var(--background-toolbar);
        border: 0 none;

        &.move {
            opacity: 0.4;
        }
    }

    &.vbox {
        .layout-item, > .layout-resizer {
            left: 0;
            width: 100%;
        }

        > .layout-resizer {
            height: 4px;
            cursor: row-resize;

            &.move {
                border-top: solid 1px var(--border-toolbar);
                border-bottom: solid 1px var(--border-toolbar);
            }
        }
    }

    &.hbox {
        .layout-item, > .layout-resizer {
            top: 0;
            height: 100%;
        }

        > .layout-resizer {
            width: 4px;
            cursor: col-resize;

            &.move {
                border-left: solid 1px var(--border-toolbar);
                border-right: solid 1px var(--border-toolbar);
            }
        }
    }
}