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

enterprise develop framework

.ttk-omp-app-message {
	width: 100%;
	height: 100%;
	padding: 10px;
	flex-direction: row;
	&-left {
		width: 200px;
		flex: 0 0 200px;
		margin-right: 6px;
		text-align: center;
		.menuList {
			height: 30px;
			line-height: 30px;
			vertical-align: middle;
			text-align: center;
			margin-bottom: 14px;
		}
		.bgColor {
			background-color: #BCBCBC;
		}
	}
	&-content {
		display: flex;
		flex: auto;
		overflow: hidden;
		background-color: #f1f5f4;
		border-radius: 0px;
		&-header {
			display: flex;
		}
		.ant-card-head {
			border-radius: 0px;
			border: 1px solid #d9d9d9;
			border-bottom: none;
		}
		&-content {
			border: 1px solid #d9d9d9;
			border-top: none;
			background-color: #ffffff;
			.ant-form-item {
				display: flex;
				margin-left: 30px;
				.ant-form-item-control-wrapper {
					width: 100%;
					margin-right: 30px;
				}
				.TextArea {
					height: 150px;
				}
			}
			//.ql-editor {
			//	height: 200px;
			//}
			//.ql-snow .ql-picker {
			//	line-height: 24px;
			//}
			.rdw-editor-wrapper {
				line-height: 1;
			}
			.rdw-editor-main {
				border: 1px solid #d9d9d9;
				height: 190px;
			}
			.rdw-editor-toolbar {
				border: 1px solid #d9d9d9;
			}
			.rdw-link-modal {
				//height: 275px;
			}
			.buttonList {
				position: absolute;
				bottom: 20px;
				right: 30px;
			}
			.radio {
				margin-bottom: 10px;
			}
			.ant-form-item-label > label:after {
				margin: 0 12px 0 6px;
			}
		}
	}
	&-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;
				}
			}
		}
	}
	.ant-card-body {
		padding:  0px;
	}
}