sys-rolempickup-view.less 1.7 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
.sys-rolempickup-view{
    position: relative;
}



.pickup-view {
    >.translate-contant {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        height: calc(100% - 64px);
        .translate-buttons {
            width: 80px;
            display: flex;
            align-items: center;
            text-align: center;
            button {
                margin-bottom: 5px;
            }
        }
        .left, .right {
            width: 300px;
        }
        .right {
            border: 1px solid #e9e9e9;
            .mpicker-select {
                font-family: helvetica, sans-serif;
                font-size: 16px;
                text-align: justify; 
                word-spacing: -3.8pt;
                line-height: 1.6;
                font-weight: bold;
                word-spacing: 10px;
                height: 100%;
                overflow: auto;
            }
            .mpicker-select > div {
                padding: 3px 10px;
                font-size: 14px;
                color: rgba(0, 0, 0, 0.85);
                font-weight: initial;
                cursor: pointer;
                min-height: 28px;
                border: 1px solid #e9e9e9;
                margin: 4px 4px;
                transition: all .3s;
            }
            .mpicker-select > div:hover {
                background: #ecf6fd;
            }
            .mpicker-select > .select{
                color: #108ee9;
                background: #ecf6fd;
            }
        }
        .center{
            width: calc(100% - 380px);
            .pickupviewpanel {
                width: 100%;
                height: 100%;
            }
        }
    }
    >.footer {
        height: 64px;
    }
}