ttk-app-core/compatible/apps/operation/ttk-omp-app-list-user/style.less

enterprise develop framework

.ttk-omp-app-list-user {
	width: 100%;
	height: 100%;
	padding: 10px 0;
	&-backgroundColor {
		border: 1px solid #d9d9d9;
		background-color: #fff
	}
	&-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 10px 10px;
		height: 50px;
		&-left, &-right {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			overflow: hidden;
			.btn {
				height: 30px;
				margin-left: 8px;
				outline: none;
			}
		}
		&-left {
			justify-content: flex-start;
		}
		.marginRight {
			margin-right: 8px;
		}
		.selectDate{
			width: 110px !important;
		}
		.ant-select-selection--single{
			height: 30px;
			width:105px
		}
		.input {
			width: 105px !important;
		}
		.companyInput {
			width: 115px !important;
		}
		.line{
			width: 8px;
			height: 30px;
			line-height: 30px;
		}
		.ant-input {
			height: 30px;
		}
		.refresh {
			display: flex;
			align-content: center;
			justify-content: center;
			font-size: 28px;
			height: 30px;
			width: 30px;
			color: #45ACF7 !important;
			border-color: #D9D9D9;
			margin-right: 8px;
			&:hover {
				border-color: #45ACF7;
			}
			&-btn {
				position: absolute;
				top: 1px;
				left: 1px;
			}
		}
		.exportIconBtn {
			height: 30px;
			width: 30px;
			padding: 0;
			margin-left: 8px;
			outline: none;
			color: #00B38A;
			&:hover, &:active {
				border-color: #00B38A;;
			}
			&:focus {
				border-color: #d9d9d9;
			}
		}
		.ant-calendar-picker-clear {
			display: inline-block !important;
			right: 8px !important;
		}
	}

	&-content {
		flex: 1;
		.mk-datagrid .public_fixedDataTable_main {
			border-left: none;
		}
		.mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main {
			color: #333333;
		}
		.mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
			//background: #e4e4e4 !important;
		}
		.public_fixedDataTable_scrollbarSpacer {
			top: 0px;
		}
		.del {
			cursor: pointer;
		}
	}
	&-footer {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		height: 30px;
		margin-top: 10px;
	}
	&-modal {
		.ant-modal-body {
			height: 189px
		}
	}
	&-contentHeight {
		.fixedDataTableLayout_rowsContainer {
			border: 1px solid #E9E9E9;
			height: 99% !important;
			width: 100% !important;
		}
	}
	//滚动条上部
	.public_fixedDataTable_scrollbarSpacer {
		top: 0px;
		background: #eaeaea;
	}
	a:hover {
		text-decoration: underline;
	}
	.selectClear {
		.ant-select-selection__clear{
			right: 22px;
		}
	}
}