ttk-app-core/src/apps/app-demo/org-manage/admin-organization-page-menuManager/style.less

@ttk/recat enterprise develop framework

.edfx-deptPers {
	width: 100%;
	height: 100%;
	flex-direction: row;

	&-left {
		width: 200px;
		flex: 0 0 200px;
		margin-right: 6px;
		border: none;

		.ant-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;
			}
			// 
			.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
				position: static;
				width: 12px;
				height: 12px;
			}
		}

		.ant-tree-title {
			font-size: 12px;
		}
	}

	&-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;
		}
	}

	.ant-card-body {
		padding: 0px !important;
		flex: 1;
		display: flex;
		flex-direction: column;
	}

	.mk-card {
		display: flex;
		flex-direction: column;

		.ant-card-head-wrapper{
			flex: 1;
			display: flex;
			justify-content: space-between;
		}

		.ant-card-head {
   		display: flex;
			padding: 0 10px;
			flex: 0 0 50px;
		}

		.ant-card-extra, .ant-card-head-title {
			display: flex;
			align-items: center;
			padding: 0;
		}

	}

	&-personModal {
		.ant-modal-body {
			/* height: 398px */
		}

		.ant-modal-content {
			min-width: 720px;
		}
	}

	&-deptModal {
		.ant-modal-body {
			height: 134px
		}
	}

	// 树左贴近
	&-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
	}
}