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

enterprise develop framework

.ttk-omp-app-message-list {
	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;
			}
		}
	}

	&-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;
		}
		//滚动条上部
		.public_fixedDataTable_scrollbarSpacer {
			top: 0px;
			background: #eaeaea;
		}
		.del {
			cursor: pointer;
		}
		a:hover {
			text-decoration: underline;
		}
		.selectClear {
			.ant-select-selection__clear{
				right: 22px;
			}
		}
	}
	&-footer {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		height: 30px;
		margin-top: 10px;
	}
	&-modalContainer{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:5;

		&-shadow{
			position: absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			background:rgba(0,0,0,0.65);
		}

		&-modal{
			width:570px;
			position: absolute;
			left:50%;
			top:50%;
			transform: translate(-50%,-50%);
			background:#ffffff;
			border-radius:6px;

			&>.modalTitle{
				height:38px;
				border-bottom:1px solid #ececec;
				padding-left:12px;
				width:100%;
				.title{
					line-height:38px;
					color:#252525;
					font-size:14px;
				}
				.close{
					float:right;
					font-size: 30px;
					margin-right: 4px;
					margin-top: 7px;
					color:#999999;
					cursor: pointer;
				}
			}

			&>.modalBody{
				width:100%;
				padding-top:7px;
				padding-left:13px;
				line-height:24px;
				// position: absolute;
				// top:41px;
				// bottom:54px;
				min-height:142px;
				max-height:260px;
				overflow-y:auto;
				#detailMessage{
					margin-bottom:6px;
				}
				p{
					font-size:12px!important;
					margin-bottom:0px!important;
				}
			}

			&>.modalFooter{
				height:54px;
				text-align: center;
				padding-top:12px;
				border-top:1px solid #ececec;
				// position: absolute;
				// bottom:0;
				// left:0;
				width:100%;
				button{
					width:70px;
					height:30px;
				}
			}
		}
	}
	&-modal {
		.ant-modal-body {
			height: 189px
		}
	}
	&-contentHeight {
		.fixedDataTableLayout_rowsContainer {
			border: 1px solid #E9E9E9;
			height: 99% !important;
			width: 100% !important;
		}
	}
	&-editMessage {
		.ttk-omp-app-message-content-content {
			border: none;
		}
	}

}