Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Tweak message padding

Browse Source
This commit is contained in:
JC Brand 2018-04-30 10:05:12 +02:00
parent 6b18b2debc
commit 58ca4a5664
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/converse.css
View File

@ -8382,7 +8382,7 @@ body.reset {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: auto; overflow: auto;
padding: 0.5rem 1rem; } padding: 0.25rem 1rem; }
#conversejs .message.chat-msg.onload { #conversejs .message.chat-msg.onload {
animation: colorchange-chatmessage 1s; animation: colorchange-chatmessage 1s;
-webkit-animation: colorchange-chatmessage 1s; } -webkit-animation: colorchange-chatmessage 1s; }
@ -8437,13 +8437,11 @@ body.reset {
color: #9d9d9d; } color: #9d9d9d; }
#conversejs .message.chat-msg.chat-action .chat-msg-heading { #conversejs .message.chat-msg.chat-action .chat-msg-heading {
margin-top: 0; } margin-top: 0; }
#conversejs .message.chat-msg.chat-msg-followup { #conversejs .message.chat-msg.chat-msg-followup .chat-msg-heading,
padding: 0.25rem 1rem; } #conversejs .message.chat-msg.chat-msg-followup .avatar {
#conversejs .message.chat-msg.chat-msg-followup .chat-msg-heading, display: none; }
#conversejs .message.chat-msg.chat-msg-followup .avatar { #conversejs .message.chat-msg.chat-msg-followup .chat-msg-content {
display: none; } margin-left: 2.75rem; }
#conversejs .message.chat-msg.chat-msg-followup .chat-msg-content {
margin-left: 2.75rem; }
#conversejs .chatroom-body .message.onload { #conversejs .chatroom-body .message.onload {
animation: colorchange-chatmessage-muc 1s; animation: colorchange-chatmessage-muc 1s;
-webkit-animation: colorchange-chatmessage-muc 1s; } -webkit-animation: colorchange-chatmessage-muc 1s; }

2
css/inverse.css
View File

@ -8570,7 +8570,7 @@ body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: auto; overflow: auto;
padding: 0.5rem 1rem; } padding: 0.25rem 1rem; }
#conversejs .message.chat-msg.onload { #conversejs .message.chat-msg.onload {
animation: colorchange-chatmessage 1s; animation: colorchange-chatmessage 1s;
-webkit-animation: colorchange-chatmessage 1s; } -webkit-animation: colorchange-chatmessage 1s; }

4
sass/_messages.scss
View File

@ -64,7 +64,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: auto; // Ensures that content stays inside overflow: auto; // Ensures that content stays inside
padding: 0.5rem 1rem; padding: 0.25rem 1rem;
&.onload { &.onload {
animation: colorchange-chatmessage 1s; animation: colorchange-chatmessage 1s;
@ -150,8 +150,6 @@
} }
} }
&.chat-msg-followup { &.chat-msg-followup {
padding: 0.25rem 1rem;
.chat-msg-heading, .chat-msg-heading,
.avatar { .avatar {
display: none; display: none;