fix emoji size (limied to 2em)

This commit is contained in:
supertiger1234 2019-08-13 16:08:13 +01:00
parent 5e12795b0c
commit 305ec450ab
4 changed files with 33 additions and 9 deletions

View file

@ -78,3 +78,14 @@ export default {
} }
</style> </style>
<style>
.edit-panel img.emoji {
object-fit: contain;
height: 2em;
width: 2em;
margin: 1px;
vertical-align: -9px;
}
</style>

View file

@ -482,7 +482,6 @@ export default {
margin: 4px; margin: 4px;
padding: 2px; padding: 2px;
border-radius: 5px; border-radius: 5px;
height: 30px;
min-width: 30px; min-width: 30px;
} }
.emoji-item:hover { .emoji-item:hover {
@ -572,9 +571,12 @@ export default {
</style> </style>
<style> <style>
img.panel.emoji { img.panel.emoji {
margin-left: 3px;
margin-top: 3px;
margin: auto; margin: auto;
width: auto; padding: 2px;
object-fit: contain;
height: 2em;
width: 2em;
} }
</style> </style>

View file

@ -14,7 +14,7 @@
/> />
<span v-else> <span v-else>
<img <img
class="custom-emoji" class="emoji"
:src="customEmojiPath + emoji.emojiID" :src="customEmojiPath + emoji.emojiID"
> >
</span> </span>
@ -136,3 +136,12 @@ export default {
} }
} }
</style> </style>
<style>
.emoji-suggetions-list img.emoji {
object-fit: contain;
height: 2em;
width: 2em;
margin: 1px;
}
</style>

View file

@ -522,9 +522,11 @@ pre {
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
img.emoji { .content-message img.emoji {
height: 1.7em; object-fit: contain;
width: auto; height: 2em;
margin: 0 0.05em 0 0.1em; width: 2em;
margin: 1px;
vertical-align: -9px;
} }
</style> </style>