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

Fix chat-image styling. Add spoiler margin

Browse Source
This commit is contained in:
JC Brand 2018-04-27 12:02:02 +02:00
parent afcb808127
commit f913ee86f0
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/converse.css
View File

@ -8387,10 +8387,10 @@ body.reset {
#conversejs .message.chat-info.chat-date {
display: inline-block;
margin-top: 1em; }
#conversejs .message.chat-image {
#conversejs .message .chat-image {
height: auto;
width: auto;
max-height: 24em;
max-height: 15em;
max-width: 100%; }
#conversejs .message.chat-action {
font-style: italic; }
@ -8404,14 +8404,16 @@ body.reset {
-webkit-animation: colorchange-chatmessage 1s; }
#conversejs .message.chat-msg:hover {
background-color: rgba(0, 0, 0, 0.035); }
#conversejs .message.chat-msg .spoiler {
margin-top: 0.5em; }
#conversejs .message.chat-msg .spoiler-hint {
margin-bottom: 0.5em; }
#conversejs .message.chat-msg .toggle-spoiler {
#conversejs .message.chat-msg .spoiler-toggle {
color: white; }
#conversejs .message.chat-msg .toggle-spoiler i {
#conversejs .message.chat-msg .spoiler-toggle i {
color: white;
padding-right: 0.5em; }
#conversejs .message.chat-msg .toggle-spoiler:before {
#conversejs .message.chat-msg .spoiler-toggle:before {
padding-right: 0.25em;
whitespace: nowrap; }
#conversejs .message.chat-msg .avatar {

12
css/inverse.css
View File

@ -8575,10 +8575,10 @@ body {
#conversejs .message.chat-info.chat-date {
display: inline-block;
margin-top: 1em; }
#conversejs .message.chat-image {
#conversejs .message .chat-image {
height: auto;
width: auto;
max-height: 24em;
max-height: 15em;
max-width: 100%; }
#conversejs .message.chat-action {
font-style: italic; }
@ -8592,14 +8592,16 @@ body {
-webkit-animation: colorchange-chatmessage 1s; }
#conversejs .message.chat-msg:hover {
background-color: rgba(0, 0, 0, 0.035); }
#conversejs .message.chat-msg .spoiler {
margin-top: 0.5em; }
#conversejs .message.chat-msg .spoiler-hint {
margin-bottom: 0.5em; }
#conversejs .message.chat-msg .toggle-spoiler {
#conversejs .message.chat-msg .spoiler-toggle {
color: white; }
#conversejs .message.chat-msg .toggle-spoiler i {
#conversejs .message.chat-msg .spoiler-toggle i {
color: white;
padding-right: 0.5em; }
#conversejs .message.chat-msg .toggle-spoiler:before {
#conversejs .message.chat-msg .spoiler-toggle:before {
padding-right: 0.25em;
whitespace: nowrap; }
#conversejs .message.chat-msg .avatar {

9
sass/_messages.scss
View File

@ -54,10 +54,10 @@
}
}
&.chat-image {
.chat-image {
height: auto;
width: auto;
max-height: 24em;
max-height: 15em;
max-width: 100%;
}
&.chat-action {
@ -78,10 +78,13 @@
background-color: rgba(0, 0, 0, 0.035);
}
.spoiler {
margin-top: 0.5em;
}
.spoiler-hint {
margin-bottom: 0.5em;
}
.toggle-spoiler {
.spoiler-toggle {
color: white;
i {
color: white;