fix emoji position

This commit is contained in:
NightFox 2024-02-14 22:35:18 +03:00
parent 2bd2a9d2c4
commit 2cac2fc425

View File

@ -8,7 +8,7 @@
} }
/*@font-face { /*@font-face {
font-family: "OpenMojiDemoFont"; font-family: "OpenMojiDemoFont";
src: url("OpenMoji-color-colr1_svg.woff2") format("woff2"); src: url("./fonts/OpenMoji/OpenMoji-color-colr1_svg.woff2") format("woff2");
}*/ }*/
@font-face { @font-face {
font-family: "Twemoji Mozilla Built"; font-family: "Twemoji Mozilla Built";
@ -41,7 +41,7 @@ h1,h2,h3,h4,h5 {
font-style: normal; font-style: normal;
} }
.emoji:after { .emoji:after {
font-variant-emoji: emoji; /* experimental and only in firefox :( */ font-variant-emoji: emoji; /* experimental feature and only in firefox :( */
content: '\FE0F'; /* fuck off, give me emoji // https://codepoints.net/U+FE0F */ content: '\FE0F'; /* fuck off, give me emoji // https://codepoints.net/U+FE0F */
} }
.emoji.Twemoji { .emoji.Twemoji {
@ -51,17 +51,22 @@ h1,h2,h3,h4,h5 {
.emoji.Noto { .emoji.Noto {
font-family: "Noto Color Emoji", sans-serif; font-family: "Noto Color Emoji", sans-serif;
font-size: 14px; font-size: 14px;
/*vertical-align: top;*/ position: relative;
left: -1px;
} }
.emoji.OpenMoji { .emoji.OpenMoji {
font-family: "OpenMojiDemoFont", sans-serif; font-family: "OpenMojiDemoFont", sans-serif;
font-size: 17px; font-size: 17px;
position: relative; position: relative;
left: -1px; left: -2px;
color: #888; /* fix outline */
} }
.emoji.OpenMoji + .text-left-margin { .emoji.OpenMoji + .text-left-margin {
margin-left: 0; margin-left: 0;
} }
.emoji.Noto + .text-left-margin {
margin-left: 5px;
}
.emoji.Noto + .emoji.Noto { .emoji.Noto + .emoji.Noto {
margin-left: 4px; margin-left: 4px;
} }