github
/
RuoYi
mirror of https://gitee.com/y_project/RuoYi.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

update ruoyi-admin/src/main/resources/static/css/style.css. 

聊天窗口样式发送者的内容区分左右样式，而非nth-child(2n+1)
pull/180/head
Hacker 2020-07-06 17:38:07 +08:00 committed by Gitee
parent c52ba00f4f
commit f079622e11
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
ruoyi-admin/src/main/resources/static/css/style.css
View File

@ -4917,13 +4917,14 @@ dd.project-people {
font-size: 10px; font-size: 10px;
text-transform: uppercase; text-transform: uppercase;
} }
/* Chat view */ /* Chat view */
.message-input { .message-input {
height: 90px !important; height: 90px !important;
} }
.chat-avatar { .chat-avatar {
white: 36px; width: 36px;
height: 36px; height: 36px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
@ -4950,9 +4951,10 @@ dd.project-people {
margin-left: -30px; margin-left: -30px;
} }
@media ( max-width : 992px) { @media (max-width: 992px) {
.chat-users, .chat-statistic { .chat-users,
margin-left: 0px; .chat-statistic {
margin-left: 0;
} }
} }
@ -4972,12 +4974,12 @@ dd.project-people {
margin-top: 1px; margin-top: 1px;
} }
.chat-discussion .chat-message:nth-child(2n+1) .message-avatar { .chat-discussion .chat-message.left .message-avatar {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
.chat-discussion .chat-message:nth-child(2n) .message-avatar { .chat-discussion .chat-message.right .message-avatar {
float: right; float: right;
margin-left: 10px; margin-left: 10px;
} }
@ -4992,20 +4994,20 @@ dd.project-people {
border-radius: 4px; border-radius: 4px;
} }
.chat-discussion .chat-message:nth-child(2n+1) .message-date { .chat-discussion .chat-message.left .message-date {
float: right; float: right;
} }
.chat-discussion .chat-message:nth-child(2n) .message-date { .chat-discussion .chat-message.right .message-date {
float: left; float: left;
} }
.chat-discussion .chat-message:nth-child(2n+1) .message { .chat-discussion .chat-message.left .message {
text-align: left; text-align: left;
margin-left: 55px; margin-left: 55px;
} }
.chat-discussion .chat-message:nth-child(2n) .message { .chat-discussion .chat-message.right .message {
text-align: right; text-align: right;
margin-right: 55px; margin-right: 55px;
} }
@ -5034,6 +5036,7 @@ dd.project-people {
.chat-message-form .form-group { .chat-message-form .form-group {
margin-bottom: 0; margin-bottom: 0;
} }
/* jsTree */ /* jsTree */
.jstree-open>.jstree-anchor>.fa-folder:before { .jstree-open>.jstree-anchor>.fa-folder:before {
content: "\f07c"; content: "\f07c";