Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2025-11-04 12:14:12 +00:00
Code Issues Projects Releases Wiki Activity

Improve conversations UI

Browse Source
This commit is contained in:
Pierre HUBERT
2020-04-09 11:47:05 +02:00
parent 9502a1d9dc
commit de8a598f8c
2 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/pages/conversations/conversation.css
View File

@@ -4,6 +4,14 @@
* @author Pierre HUBERT
*/
.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;
@@ -11,9 +19,15 @@
word-wrap: break-word;
}
.big-box-conversation .right .direct-chat-text {
float: right;
margin-right: 10px;
.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 {

6
assets/js/pages/conversations/conversation.js
View File

@@ -229,7 +229,7 @@ const ConversationPageConvPart = {
//Create message container
var messageContainer = createElem2({
type: "div",
class: "direct-chat-msg " + (userIsOwner ? "right" : "")
class: "direct-chat-msg " + (userIsOwner ? "curruser" : "")
});
//Apply message container
@@ -253,7 +253,7 @@ const ConversationPageConvPart = {
var nameContainer = createElem2({
appendTo: topInformation,
type: "span",
class: "direct-chat-name pull-right",
class: "direct-chat-name",
innerHTML: "Loading"
});
@@ -261,7 +261,7 @@ const ConversationPageConvPart = {
createElem2({
appendTo: topInformation,
type: "span",
class: "direct-chat-timestamp pull-left",
class: "direct-chat-timestamp",
innerHTML: ComunicWeb.common.date.timeDiffToStr(info.time_insert)
});