ComunicWeb/assets/css/pages/conversations/conversation.css

/**
 * Conversation pane stylesheet
 *
 * @author Pierre HUBERT
 */

.big-box-conversation {
	flex: 1;
	display: flex;
	flex-direction: column;
	max-width: 90%;
	margin: auto;
}

.big-box-conversation .box-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.big-box-conversation .direct-chat-messages {
	flex: 1 1 auto;
	height: 0px;
	overflow: auto;
	scroll-behavior: smooth;
}

.big-box-conversation .direct-chat-info span {
	margin-right: 10px;
}

.big-box-conversation .direct-chat-msg {
	margin-bottom: 15px;
}

.big-box-conversation .direct-chat-text {
	display: inline-block;
	margin-left: 10px;
	max-width: 150px;
	word-wrap: break-word;
}

.big-box-conversation .direct-chat-msg.curruser .direct-chat-text::after,
.big-box-conversation .direct-chat-msg.curruser .direct-chat-text::before {
	border-right-color: #3c8dbc;
}

.big-box-conversation .direct-chat-msg.curruser .direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: white;
}

.big-box-conversation .direct-chat-text .message-img {
	max-width: 100%;
	max-height: 200px;
	display: block;
	margin: auto;
}

.big-box-conversation .direct-chat-text .a,
.big-box-conversation .direct-chat-text a {
	color: white;
}

.big-box-conversation .direct-chat-msg .srv-msg {
	text-align: center;
	font-style: italic;
}