ttk-app-core/compatible/apps/edf/ttk-edf-app-list-department-personnel/style.less

enterprise develop framework

.edfx-deptPers {
    width: 100%;
    height: 100%;
    padding: 10px;
    flex-direction: row;
    &-left {
        width: 200px;
        flex: 0 0 200px;
        margin-right: 6px;
        .mk-btn {
            width: 30px;
            padding: 0px;
            font-size: 18px;
        }
	    .ant-card-head {
		    border-radius: 0px;
		    border: 1px solid #d9d9d9;
		    //border-bottom: none;
	    }
        .ant-card-body {
	        border: 1px solid #d9d9d9;
	        border-top: none;
            overflow-y: auto;
            .ant-tree li .ant-tree-node-content-wrapper:hover {
                background: @item-hover-bg;
            }
            .ant-tree li .ant-tree-node-selected.ant-tree-node-content-wrapper {
	            background-color: @primary-1;
	            color: @primary-color;
            }
        }
    }
    &-content {
        display: flex;
        flex: auto;
        overflow: hidden;
        background-color: #e9ecf2;
	    border-radius: 0px;
        .cellName:hover {
            color: @link-color;
        }
        .mk-datagrid .public_fixedDataTable_main {
            border-left: none;
        }
        .mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main {
            background: #e4e4e4 !important;
            color: #333333;
        }
        .mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
            background: #e4e4e4 !important;
        }
        .public_fixedDataTable_scrollbarSpacer {
            top: 0px;
        }
        &-header {
            display: flex;
            &-more {
                position: relative;
                right: 10px;
                border-radius: 0 4px 4px 0;
                border-left: 1px solid #eee;
            }
            .btn {
                height: 30px;
                margin-left: 8px;
                outline: none;
            }
            .btnMarginRight{
                margin-right: 4px;
            }
            .iconBtn {
                height: 30px;
                width: 30px;
                padding: 0;
                margin-left: 8px;
                outline: none;
                color: #00B38A;
                &:hover, &:active {
                    border-color: #00B38A;;
                }
                &:focus {
                    border-color: #d9d9d9;
                }
            }
        }
	    .ant-card-head {
		    border-radius: 0px;
		    border: 1px solid #d9d9d9;
		    border-bottom: none;
	    }
        &-content {
	        border: 1px solid #d9d9d9;
	        border-top: none;
            background-color: #ffffff;
        }
        &-footer {
            flex-direction: column-reverse;
            background-color: #E9ECF2;
            height: 40px;
            flex: 0 0 40px !important;
            align-items: flex-end;
            padding-top: 10px;
        }
    }
    .mk-card {
        display: flex;
        flex-direction: column;
        .ant-card-head {
            padding: 0 10px;
            flex: 0 0 50px;
        }
        .ant-card-body {
            padding: 0px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
    }
    &-personModal {
        .ant-modal-body {
            height: 398px
        }
        .ant-modal-content {
            min-width: 720px;
        }
    }
    &-deptModal {
        .ant-modal-body {
            height: 134px
        }
    }
    &-tree {
	    .ant-tree-node-content-wrapper:hover{
		    background-color: @primary-1;
		    color: @primary-color;
	    }
        .ant-tree-title {
            font-size: 12px;
        }
    }
    // 树左贴近
    &-treeNode {
        padding: 0 0 0 24px !important;
    }
    .ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle {
        display: inline
    }
    .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
        font-size: 15px;
        color: #999999;
    }
    .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
        font-size: 15px;
        color: #999999;
    }
    //滚动条上部
    .public_fixedDataTable_scrollbarSpacer {
        top: 0px;
        background: #eaeaea;
    }
    a:hover {
        text-decoration: underline;
    }
    //.edfx-deptPersNoBorder {
    //    .ant-card-bordered {
    //        border: none
    //    }
    //}
}
.edfx-deptPersNoBorder {
    .ant-card-bordered {
        border: none
    }
}