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

Tweak margin and padding for messages

Browse Source
This commit is contained in:
JC Brand 2018-04-18 08:53:54 +02:00
parent 076ace3fad
commit 95e648e79f
5 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/converse.css
View File

@ -7350,7 +7350,7 @@ body.reset {
line-height: 14px;
color: #3AA569;
font-size: 12px;
margin: 0.5em; }
margin: 0.5em 0; }
#converse-embedded-chat .chatbox .chat-body .chat-info.badge,
#conversejs .chatbox .chat-body .chat-info.badge {
color: white; }
@ -7381,7 +7381,8 @@ body.reset {
#converse-embedded-chat .chatbox .chat-body .chat-message,
#conversejs .chatbox .chat-body .chat-message {
overflow: auto;
margin: 0.3em; }
margin: 0;
padding: 0.4em 0; }
#converse-embedded-chat .chatbox .chat-body .chat-message.onload,
#conversejs .chatbox .chat-body .chat-message.onload {
animation: colorchange-chatmessage 1s;
@ -7431,7 +7432,7 @@ body.reset {
#converse-embedded-chat .chatbox .chat-content,
#conversejs .chatbox .chat-content {
height: 100%;
padding: 0.5em;
padding: 1em;
font-size: 13px;
color: #777;
overflow-y: auto;
@ -7442,6 +7443,9 @@ body.reset {
#conversejs .chatbox .chat-content .toggle-spoiler:before {
padding-right: 0.25em;
whitespace: nowrap; }
#converse-embedded-chat .chatbox .chat-content progress,
#conversejs .chatbox .chat-content progress {
width: 100%; }
#converse-embedded-chat .chatbox .chat-content-sendbutton,
#conversejs .chatbox .chat-content-sendbutton {
height: calc(100% - 93px); }
@ -7699,7 +7703,6 @@ body.reset {
width: 250px; }
#converse-embedded-chat .chatbox .chat-body .chat-message,
#conversejs:not(.fullscreen) .chatbox .chat-body .chat-message {
padding: 0.3em;
line-height: 20px; }
#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-author,
#conversejs:not(.fullscreen) .chatbox .chat-body .chat-message .chat-msg-author {

13
css/inverse.css
View File

@ -7403,7 +7403,7 @@ body {
line-height: 20px;
color: #3AA569;
font-size: 14px;
margin: 0.5em; }
margin: 0.5em 0; }
#converse-embedded-chat .chatbox .chat-body .chat-info.badge,
#conversejs .chatbox .chat-body .chat-info.badge {
color: white; }
@ -7434,7 +7434,8 @@ body {
#converse-embedded-chat .chatbox .chat-body .chat-message,
#conversejs .chatbox .chat-body .chat-message {
overflow: auto;
margin: 0.3em; }
margin: 0;
padding: 0.4em 0; }
#converse-embedded-chat .chatbox .chat-body .chat-message.onload,
#conversejs .chatbox .chat-body .chat-message.onload {
animation: colorchange-chatmessage 1s;
@ -7484,7 +7485,7 @@ body {
#converse-embedded-chat .chatbox .chat-content,
#conversejs .chatbox .chat-content {
height: 100%;
padding: 0.5em;
padding: 1em;
font-size: 13px;
color: #777;
overflow-y: auto;
@ -7495,6 +7496,9 @@ body {
#conversejs .chatbox .chat-content .toggle-spoiler:before {
padding-right: 0.25em;
whitespace: nowrap; }
#converse-embedded-chat .chatbox .chat-content progress,
#conversejs .chatbox .chat-content progress {
width: 100%; }
#converse-embedded-chat .chatbox .chat-content-sendbutton,
#conversejs .chatbox .chat-content-sendbutton {
height: calc(100% - 93px); }
@ -7773,8 +7777,7 @@ body {
border-top-right-radius: 4px; }
#conversejs.fullscreen .chatbox .chat-body .chat-message {
line-height: 22px;
font-size: 14px;
padding: 0.4em 0; }
font-size: 14px; }
#conversejs.fullscreen .chatbox .chat-body .chat-message .chat-msg-author {
line-height: 22px; }
#conversejs.fullscreen .chatbox .chat-body .chat-message .chat-msg-content {

11
sass/_chatbox.scss
View File

@ -178,7 +178,7 @@
line-height: $line-height-small;
color: $chat-head-color;
font-size: $font-size-small;
margin: 0.5em;
margin: 0.5em 0;
&.badge {
color: $chat-head-text-color;
}
@ -209,7 +209,8 @@
}
.chat-message {
overflow: auto; // Ensures that content stays inside
margin: 0.3em;
margin: 0;
padding: 0.4em 0;
&.onload {
animation: colorchange-chatmessage 1s;
@ -267,7 +268,7 @@
}
.chat-content {
height: 100%;
padding: 0.5em;
padding: 1em;
font-size: 13px;
color: $text-color;
overflow-y: auto;
@ -279,6 +280,10 @@
padding-right: 0.25em;
whitespace: nowrap;
}
progress {
width: 100%
}
}
.chat-content-sendbutton {
height: calc(100% - #{$chat-textarea-height + $send-button-height + 2*$send-button-margin});

1
sass/converse/_chatbox.scss
View File

@ -23,7 +23,6 @@
.chat-body {
.chat-message {
padding: 0.3em;
line-height: $line-height-large;
.chat-msg-author {
line-height: $line-height-large;

1
sass/inverse/_chatbox.scss
View File

@ -50,7 +50,6 @@
.chat-message {
line-height: $line-height;
font-size: $font-size-small;
padding: 0.4em 0;
.chat-msg-author {
line-height: $line-height;
}