From 58ca4a5664922f658f94754bcecabc604c335e0f Mon Sep 17 00:00:00 2001 From: JC Brand Date: Mon, 30 Apr 2018 10:05:12 +0200 Subject: [PATCH] Tweak message padding --- css/converse.css | 14 ++++++-------- css/inverse.css | 2 +- sass/_messages.scss | 4 +--- 3 files changed, 8 insertions(+), 12 deletions(-) diff --git a/css/converse.css b/css/converse.css index 4e88e2538..8b79f494d 100644 --- a/css/converse.css +++ b/css/converse.css @@ -8382,7 +8382,7 @@ body.reset { display: flex; flex-direction: row; overflow: auto; - padding: 0.5rem 1rem; } + padding: 0.25rem 1rem; } #conversejs .message.chat-msg.onload { animation: colorchange-chatmessage 1s; -webkit-animation: colorchange-chatmessage 1s; } @@ -8437,13 +8437,11 @@ body.reset { color: #9d9d9d; } #conversejs .message.chat-msg.chat-action .chat-msg-heading { margin-top: 0; } - #conversejs .message.chat-msg.chat-msg-followup { - padding: 0.25rem 1rem; } - #conversejs .message.chat-msg.chat-msg-followup .chat-msg-heading, - #conversejs .message.chat-msg.chat-msg-followup .avatar { - display: none; } - #conversejs .message.chat-msg.chat-msg-followup .chat-msg-content { - margin-left: 2.75rem; } + #conversejs .message.chat-msg.chat-msg-followup .chat-msg-heading, + #conversejs .message.chat-msg.chat-msg-followup .avatar { + display: none; } + #conversejs .message.chat-msg.chat-msg-followup .chat-msg-content { + margin-left: 2.75rem; } #conversejs .chatroom-body .message.onload { animation: colorchange-chatmessage-muc 1s; -webkit-animation: colorchange-chatmessage-muc 1s; } diff --git a/css/inverse.css b/css/inverse.css index 9128c87ab..03639cfc3 100644 --- a/css/inverse.css +++ b/css/inverse.css @@ -8570,7 +8570,7 @@ body { display: flex; flex-direction: row; overflow: auto; - padding: 0.5rem 1rem; } + padding: 0.25rem 1rem; } #conversejs .message.chat-msg.onload { animation: colorchange-chatmessage 1s; -webkit-animation: colorchange-chatmessage 1s; } diff --git a/sass/_messages.scss b/sass/_messages.scss index 8918ec22c..6051daf4c 100644 --- a/sass/_messages.scss +++ b/sass/_messages.scss @@ -64,7 +64,7 @@ display: flex; flex-direction: row; overflow: auto; // Ensures that content stays inside - padding: 0.5rem 1rem; + padding: 0.25rem 1rem; &.onload { animation: colorchange-chatmessage 1s; @@ -150,8 +150,6 @@ } } &.chat-msg-followup { - padding: 0.25rem 1rem; - .chat-msg-heading, .avatar { display: none;