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

85 lines
1.6 KiB
CSS
Raw Permalink Normal View History

/**
* Conversation pane stylesheet
*
* @author Pierre HUBERT
*/
2020-04-13 09:18:04 +00:00
.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;
2020-04-13 09:37:26 +00:00
scroll-behavior: smooth;
2020-04-13 09:18:04 +00:00
}
2020-04-09 09:47:05 +00:00
.big-box-conversation .direct-chat-info span {
margin-right: 10px;
}
.big-box-conversation .direct-chat-msg {
margin-bottom: 15px;
}
2018-05-14 17:17:28 +00:00
.big-box-conversation .direct-chat-text {
display: inline-block;
margin-left: 10px;
max-width: 150px;
2018-05-16 15:56:48 +00:00
word-wrap: break-word;
2018-05-14 17:17:28 +00:00
}
2020-04-09 09:47:05 +00:00
.big-box-conversation .direct-chat-msg.curruser .direct-chat-text::after,
.big-box-conversation .direct-chat-msg.curruser .direct-chat-text::before {
2021-03-06 18:24:46 +00:00
border-right-color: var(--primary-blue);
2020-04-09 09:47:05 +00:00
}
.big-box-conversation .direct-chat-msg.curruser .direct-chat-text {
2021-03-06 18:24:46 +00:00
background: var(--primary-blue);
border-color: var(--primary-blue);
2020-04-09 09:47:05 +00:00
color: white;
2018-05-14 18:29:44 +00:00
}
2021-03-06 18:24:46 +00:00
.big-box-conversation .btn-primary {
border-color: var(--primary-blue);
}
.big-box-conversation .btn-primary:hover {
background-color: var(--primary-blue);
border-color: var(--primary-blue);
}
2018-05-14 18:29:44 +00:00
.big-box-conversation .direct-chat-text .message-img {
max-width: 100%;
max-height: 200px;
display: block;
margin: auto;
2018-05-19 09:19:39 +00:00
}
2021-03-13 07:47:45 +00:00
.big-box-conversation .otheruser .direct-chat-text .a,
.big-box-conversation .otheruser .direct-chat-text a {
color: black;
}
.big-box-conversation .curruser .direct-chat-text .a,
.big-box-conversation .curruser .direct-chat-text a {
2018-05-19 09:19:39 +00:00
color: white;
2021-03-05 16:49:51 +00:00
}
.big-box-conversation .direct-chat-msg .srv-msg {
text-align: center;
font-style: italic;
}