exp-control-layout.less 1.3 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
.exp-control-layout.animation {

    .ivu-split-pane,
    .ivu-split-trigger-con {
        transition: all .5s ease-in-out;
    }
}

.exp-control-layout {
    position: relative;
    height: 100%;
    display: flex;

    .exp-control-layout-exp,
    .exp-control-layout-view {
        height: 100%;
        width: 100%;
    }

    .exp-control-layout-exp {
        display: flex;
        flex-direction: column;

        .exp-header {
            height: 40px;
            padding: 3px 8px;
        }

        .exp-content {
            height: calc(100% - 40px);
        }

        .exp-header-title,
        .exp-quick-search {
            float: left;
            padding-right: 8px;
            height: 100%;
        }

        .exp-header-title {
            font-size: 20px;
            font-weight: 700;
        }

        .exp-quick-search {
            
            .ivu-input-wrapper {
                vertical-align: -5px;
            }
        }

        .exp-toolbar {
            float: right;
            height: 100%;
        }
    }

    .grid-exp-bar-content {
        height: 100%;
    }

    .ivu-split-horizontal {

        .left-pane.ivu-split-pane {
            right: 0;
        }

        .ivu-split-trigger-con {
            left: 100%;
        }

        .right-pane.ivu-split-pane {
            left: 100%;
        }
    }
}