mirrors/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2025-06-07 01:51:18 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix emoji and reaction css

Browse source
This commit is contained in:
Alexey Golub 2019-03-03 20:47:24 +02:00
parent 2dd0742c1c
commit 666f2d8d4a
2 changed files with 14 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

26
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlShared/Main.css
View file

@ -47,20 +47,20 @@ img {
} }
.emoji { .emoji {
width: 24px; width: 1.45em;
height: 24px; height: 1.45em;
margin: 0 1px; margin: 0 1px;
vertical-align: middle; vertical-align: -0.4em;
} }
.emoji--small { .emoji--small {
width: 16px; width: 1rem;
height: 16px; height: 1rem;
} }
.emoji--large { .emoji--large {
width: 32px; width: 2rem;
height: 32px; height: 2rem;
} }
/* === INFO === */ /* === INFO === */
@ -296,17 +296,15 @@ img {
} }
.chatlog__reaction { .chatlog__reaction {
display: flex;
align-items: center;
margin: 6px 2px 2px 2px; margin: 6px 2px 2px 2px;
padding: 2px 6px 2px 2px; padding: 3px 6px;
border-radius: 3px; border-radius: 3px;
} }
.chatlog__reaction-emoji {
margin-left: 3px;
vertical-align: middle;
}
.chatlog__reaction-count { .chatlog__reaction-count {
min-width: 9px;
margin-left: 6px;
font-size: .875em; font-size: .875em;
vertical-align: middle;
} }

2
DiscordChatExporter.Core/Resources/ExportTemplates/HtmlShared/Main.html
View file

@ -195,9 +195,7 @@
<div class="chatlog__reactions"> <div class="chatlog__reactions">
{{~ for reaction in message.Reactions ~}} {{~ for reaction in message.Reactions ~}}
<div class="chatlog__reaction"> <div class="chatlog__reaction">
<span class="chatlog__reaction-emoji">
<img class="emoji emoji--small" title="{{ reaction.Emoji.Name }}" src="{{ reaction.Emoji.ImageUrl }}" /> <img class="emoji emoji--small" title="{{ reaction.Emoji.Name }}" src="{{ reaction.Emoji.ImageUrl }}" />
</span>
<span class="chatlog__reaction-count">{{ reaction.Count }}</span> <span class="chatlog__reaction-count">{{ reaction.Count }}</span>
</div> </div>
{{~ end ~}} {{~ end ~}}