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

Keep horizontal padding on a per message level

Browse Source
This commit is contained in:
JC Brand 2019-06-18 14:38:47 +02:00
parent b2553a44e1
commit 55f7183f36
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/_chatbox.scss
View File

@ -209,7 +209,7 @@
.chat-content { .chat-content {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
padding: 1em; padding: 1em 0;
height: 100%; height: 100%;
font-size: var(--message-font-size); font-size: var(--message-font-size);
color: var(--text-color); color: var(--text-color);

5
sass/_messages.scss
View File

@ -33,6 +33,7 @@
color: var(--separator-text-color); color: var(--separator-text-color);
display: inline-block; display: inline-block;
line-height: 2em; line-height: 2em;
padding: 0 1em;
position: relative; position: relative;
z-index: 5; z-index: 5;
} }
@ -43,7 +44,7 @@
font-size: var(--message-font-size); font-size: var(--message-font-size);
line-height: var(--line-height-small); line-height: var(--line-height-small);
font-size: 90%; font-size: 90%;
padding: 0.17rem 0; padding: 0.17rem 1rem;
&.badge { &.badge {
color: var(--chat-head-text-color); color: var(--chat-head-text-color);
@ -79,7 +80,7 @@
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: row; flex-direction: row;
padding: 0.125rem 0; padding: 0.125rem 1rem;
&.onload { &.onload {
animation: colorchange-chatmessage 1s; animation: colorchange-chatmessage 1s;