ttk-app-core/compatible/apps/edf/edfx-business-subject-manage/style.less

enterprise develop framework

.edfx-business-subject-manage{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	.mk-card .ant-card-head {
		flex: 0 0 38px !important;
		display: flex;
		min-height: 38px !important;
		font-size: 12px;
		padding: 0 13px;
		.ant-card-head-title {
			font-size: 12px;
		}
	}
	&-top{
		height: 55px;
		display: flex;
		flex-direction: row;
		background-color: #fff;
		padding-left: 10px;
		border: 1px solid #D9D9D9;
		border-bottom: 0px !important;
		.ant-form-item{
			height: 100%;
			margin-right: 8px;
			display: inline-block;
			.ant-form-item-control-wrapper{
				display: inline-block
			}
			.ant-select{
				width: 110px;
				font-size: 12px;
				.ant-select-selection{
					height: 30px;
				}
			}
			.ant-form-item-label{
				font-size: 12px;
			}
		}

		.refresh {
			display: flex;
			align-content: center;
			justify-content: center;
			font-size: 28px;
			height: 30px;
			width: 30px;
			color: #45ACF7 !important;
			border-color: #D9D9D9;
			margin-top: 9.5px;
			&:hover {
				border-color: #45ACF7;
			}
			&-btn {
				position: absolute;
				top: 1px;
				left: 1px;
			}
		}
	}
	&-left{
		width: 197px;
    	flex: 0 0 197px;
		margin-right: 6px;
		background-color: #fff;
		border: 1px solid #D9D9D9;
		.ant-card-body {
			overflow-y: auto;
			padding: 0 0 0 11px;
			.ant-tree{
				font-size: 12px
			}
            .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;
            }
		}
	};
    .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;
    };

	&-table{
		border: 0px solid #d9d9d9; 
	}
	
	&-content{
		width: 100%;
		border: 1px solid #d9d9d9; 
		border-top: 0.2px solid #d9d9d9;
		height: 100%;
		.ant-spin-container{
			height: 100%;
		}
		table tr td:last-child{
            border-right: none !important;
        }
        .ant-table .ant-table-thead{
            tr:first-child{
                th:last-child{
                    border-right: none;
                }
            }
        }
        .ant-table-placeholder{
            border-right: none !important;
            border-left: none !important;
        }
        .ant-table-fixed-header table tr th:last-child{
            border-right: 1px solid #d9d9d9 !important;
        }
        .ant-table-fixed-header table tr td:last-child{
            border-right: 1px solid #d9d9d9 !important;
        }


		.ant-table-content {
			.ant-table-body {
				overflow-x: hidden !important;
				background-color: #fff;
				td {
					text-align: left
				}
				td:last-child {
					text-align: center !important;
				}
			}
		}
		.ant-table-empty{
			height: 100%;
			.ant-table-content{
				height: 100%;
				.ant-table-placeholder{
					height: 100%;
					border-left: 0px solid #e8e8e8;
					border-right: 0px solid #e8e8e8;
					.mk-nodata{
						margin-top: 80px
					}
				}
			}
		}
	}

	&-right {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	&-footer {
		display: flex;
        flex-direction: row;
        justify-content: flex-end;
		margin-top: 10px;
		overflow: hidden;
		height: 31px;
		flex: 0 0 auto;
		.mk-pagination{
			margin-top: 0
		}
    }
}