Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-29 15:26:27 +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
Show Stats 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 * @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 { .big-box-conversation .direct-chat-text {
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: 10px;
@ -11,9 +19,15 @@
word-wrap: break-word; word-wrap: break-word;
} }
.big-box-conversation .right .direct-chat-text { .big-box-conversation .direct-chat-msg.curruser .direct-chat-text::after,
float: right; .big-box-conversation .direct-chat-msg.curruser .direct-chat-text::before {
margin-right: 10px; 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 { .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 //Create message container
var messageContainer = createElem2({ var messageContainer = createElem2({
type: "div", type: "div",
class: "direct-chat-msg " + (userIsOwner ? "right" : "") class: "direct-chat-msg " + (userIsOwner ? "curruser" : "")
}); });
//Apply message container //Apply message container
@ -253,7 +253,7 @@ const ConversationPageConvPart = {
var nameContainer = createElem2({ var nameContainer = createElem2({
appendTo: topInformation, appendTo: topInformation,
type: "span", type: "span",
class: "direct-chat-name pull-right", class: "direct-chat-name",
innerHTML: "Loading" innerHTML: "Loading"
}); });
@ -261,7 +261,7 @@ const ConversationPageConvPart = {
createElem2({ createElem2({
appendTo: topInformation, appendTo: topInformation,
type: "span", type: "span",
class: "direct-chat-timestamp pull-left", class: "direct-chat-timestamp",
innerHTML: ComunicWeb.common.date.timeDiffToStr(info.time_insert) innerHTML: ComunicWeb.common.date.timeDiffToStr(info.time_insert)
}); });