bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve display of emojis

Browse source
This commit is contained in:
Alex Gleason 2022-12-02 14:15:59 -06:00
parent 963c7898b2
commit 6f21905a8b
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
5 changed files with 2 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/components/markup.css
View file

@ -61,7 +61,7 @@
/* Emojis */
[data-markup] img.emojione {
@apply w-5 h-5;
@apply w-5 h-5 m-0;
}
/* Hide Markdown images (Pleroma) */

2
app/styles/basics.scss
View file

@ -100,7 +100,7 @@ noscript {
}
.emojione {
@apply w-5 h-5 -mt-[3px] inline;
@apply w-4 h-4 -mt-[0.2ex] mb-[0.2ex] inline-block align-middle object-contain;
}
// Virtuoso empty placeholder fix.

6
app/styles/components/buttons.scss
View file

@ -113,9 +113,3 @@ a.button {
margin-right: 0.6em;
}
}
.button--welcome {
.emojione {
margin: -1px 6px 0 -4px;
}
}

6
app/styles/components/display-name.scss
View file

@ -8,12 +8,6 @@
}
}
.muted {
.emojione {
opacity: 0.5;
}
}
a.account__display-name {
&:hover strong {
text-decoration: underline;

14
app/styles/ui.scss
View file

@ -155,20 +155,6 @@
transition: height 0.4s ease, opacity 0.4s ease;
}
.emojione {
display: inline-block;
font-size: inherit;
vertical-align: middle;
object-fit: contain;
margin: -0.2ex 0.15em 0.2ex;
width: 16px;
height: 16px;
img {
width: auto;
}
}
.image-loader {
position: relative;
width: 100%;