land-manage.less 4 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 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172
.land-manage-page {
    height: 100%;

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    .add-btn {
    }

    .land-no-data {
        width: 200px;
        height: 650px;
        margin: 40px auto;
        color: #D5D5D5;
        text-align: center;

        > i {
            font-size: 75px;
            margin-top: 60%;
            background-color: white;
            border-radius: 50%;
            padding-top: 20%;
            height: 150px;
            width: 150px;
        }

        p {
            margin: 30px;
            color: #999;
            font-size: 16px;
        }
    }

    .highlighted-red {
        font-weight: bold;
        color: #D04A02;
        margin-left: 20px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .modal-footer .btn:first-child {
        margin-left: 203px;
    }

    .land-data {
        height: 750px;
        background-color: white;

        .orgpage-tree-container {
            border: 0;
            min-height: @orgpage-tree-container-heght;
            margin-top: 9px;
            overflow-y: auto;
            height: calc(~"100% - 150px");

            .orgpage-tree .angular-ui-tree-handle {
                margin-bottom: 0px;
            }

            .orgpage-tree {
                li {
                    min-height: 0px;
                }
            }

            .tree-item-select {
                background-color: #DC6A1A;
                color: white;
            }

            .org-tree-item:hover {
                background-color: #DC6A1A !important;
                color: white !important;
            }
        }

        .left-tree {
            width: 22%;
            float: left;
            display: inline-block;
            background-color: #FFF;
            border: 1px solid #E4E4E4;
            overflow-y: auto;
            height: 100%;
        }

        .right-panel {
            display: inline-block;
            width: 70%;
            margin-left:20px;
            .split-horization{
                border:1px solid #D5D5D5;
                height:1px;
            }
            .part-one {
                height: 60px;

                .part-one-title {
                    display: inline-block;
                    width: 70%;
                }

                .edit-land {
                    width: 10%;
                    display: inline-block;
                    /*margin-left: 30px;*/
                }

                .disable-enable {
                    width: 10%;
                    display: inline-block;
                    /*margin-left: 15px;*/
                }
            }

            .part-two {
                height: 30%;

                .land-info-row {
                    margin-left: 20px;
                    margin-bottom: 8px;

                    div {
                        margin-right: 20px;
                        display: inline-block;
                        width: 40%;
                    }
                }
            }

            .part-three {
                height: 55%;

                .part-three-title {
                    height: 60px;
                }

                .part-three-content {
                    .tag {
                        width: 70px;
                        height: 25px;
                        display: inline-block;
                        border-radius: 2em;
                        text-align: center;
                        color: #FFF;
                        font-size: 12px;
                        line-height: 25px;
                        margin-left: 10px;
                    }

                    .filter {
                        z-index: 100;
                        position: relative;
                        width:400px;
                    }

                    #taxGrid {
                        margin-top: -34px;
                    }

                    .action-icon {
                        margin-right: 5px;
                        color: #DC6A1A;
                    }
                }
            }
        }
    }
}