front/less/style-mention.less

.ql-mention-list-container {
	width: 520px;
	@media (max-width: 1100px) {
		width: 320px;
	}
	border: 1px solid #F0F0F0;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
	z-index: 9001;

	@media only screen and (max-device-width: 640px) {
		position: fixed !important;
		left: 0 !important;
		top: auto !important;
		bottom: 0;
		width: 100%;
		overflow-y: scroll;
	}
}

.ql-mention-list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.ql-mention-list-item {
	cursor: pointer;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	vertical-align: middle;
	&.selected {
		background-color: #D3E1EB;
		text-decoration: none;
	}
	//// vv Essential
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/// Julien(tweaks)
	// font-size: 16px;

	@media only screen and (max-device-width: 640px) {
		overflow-x: scroll;
		text-overflow: clip;
	}
}



/// Julien (AI spans):
.page-inner strong {
	font-weight: 400;
	border-radius: 6px;
	background-color: #D3E1EB;
	padding: 3px 1px;
}
.page-inner.html2canvas strong {
	font-weight: 600;
	background-color: initial;
	padding: initial;
}