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

Merge branch 'emojis-clipped' into 'develop'

Browse source 
Improve display of emojis

See merge request soapbox-pub/soapbox!1971
This commit is contained in:
Alex Gleason 2022-12-06 00:18:14 +00:00
commit cfc0c855e8
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 */ /* Emojis */
[data-markup] img.emojione { [data-markup] img.emojione {
@apply w-5 h-5; @apply w-5 h-5 m-0;
} }
/* Hide Markdown images (Pleroma) */ /* Hide Markdown images (Pleroma) */

2
app/styles/basics.scss
View file

@ -100,7 +100,7 @@ noscript {
} }
.emojione { .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. // Virtuoso empty placeholder fix.

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

@ -113,9 +113,3 @@ a.button {
margin-right: 0.6em; 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 { a.account__display-name {
&:hover strong { &:hover strong {
text-decoration: underline; text-decoration: underline;

14
app/styles/ui.scss
View file

@ -155,20 +155,6 @@
transition: height 0.4s ease, opacity 0.4s ease; 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 { .image-loader {
position: relative; position: relative;
width: 100%; width: 100%;