business-unit.less 2.39 KB
Newer Older
eddie.woo's avatar
eddie.woo committed
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 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102

@border-color: #d4d4d4;
@margin-left: 60px;
@container-width: 970px;

.flex-col-start {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.business-unit {
    padding-top: 20px;
    height: 100%;

    .border-right {
        /*border-right: 1px solid @border-color;*/
    }

    .business-unit-containers {
        margin-left: @margin-left;
        height: 100%;
        .flex-col-start;
        padding-bottom: 10px;

        > div {
            border: 1px solid #d4d4d4;
            border-radius: 5px;
            flex-grow: 1;
            .flex-col-start;

            .buttons-container {
                padding-top: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #cdcdcd;
            }

            .list-container {
                flex-grow: 1;
                
                .business-unit-list-grid {
                    border: 0;

                    .ui-grid-row {
                        line-height: 40px !important;
                    }
                    
                    .ui-grid-header-cell-row {
                        text-align: center;

                        .ui-grid-header-cell:not(:last-child) {
                            .border-right;
                        }
                    }

                    .business-unit-gridcell-name {
                        margin-left: 10px;
                        .border-right;
                    }

                    .business-unit-gridcell-isactive {
                        text-align: center;
                        .border-right;
                    }

                    .business-unit-gridcell-operation {
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: center;
                        align-items: center;

                        > a {
                            margin-left: 10px;
                            margin-right: 10px;
                        }
                    }
                }
            }
        }
    }

    #edit-modal {
        .modal-dialog {

            .validate-fail {
                display: inline;

                .error {
                    color: red;
                }
            }

            .validate-success {
                display: none;
            }

            .modal-footer {
                padding-left: 148px;
            }
        }
    }
}