Support wide custom emojis

This commit is contained in:
KMY 2023-03-08 16:32:54 +09:00
parent 92df4674ff
commit 3557d2c135
7 changed files with 36 additions and 11 deletions

View file

@ -802,7 +802,8 @@ body > [data-popper-placement] {
vertical-align: middle;
object-fit: contain;
margin: -0.2ex 0.15em 0.2ex;
width: 16px;
min-width: 16px;
max-width: min(8em, 100%);
height: 16px;
img {
@ -878,7 +879,8 @@ body > [data-popper-placement] {
}
.emojione {
width: 20px;
min-width: 20px;
max-width: min(8em, 100%);
height: 20px;
margin: -3px 0 0;
}
@ -959,7 +961,8 @@ body > [data-popper-placement] {
overflow-y: auto;
.emojione {
width: 20px;
min-width: 20px;
max-width: min(8em, 100%);
height: 20px;
margin: -3px 0 0;
}
@ -1334,7 +1337,8 @@ body > [data-popper-placement] {
line-height: 24px;
.emojione {
width: 24px;
min-width: 24px;
max-width: min(8em, 100%);
height: 24px;
margin: -1px 0 0;
}
@ -4122,6 +4126,10 @@ a.status-card.compact:hover {
text-align: center;
}
.detailed-status__button .emoji-button {
padding: 0;
}
.column-settings__outer {
background: lighten($ui-base-color, 8%);
padding: 15px;
@ -5871,7 +5879,8 @@ a.status-card.compact:hover {
line-height: 24px;
.emojione {
width: 24px;
min-width: 24px;
max-width: min(8em, 100%);
height: 24px;
margin: -1px 0 0;
}
@ -7222,7 +7231,8 @@ noscript {
}
.emojione {
width: 22px;
min-width: 22px;
max-width: min(8em, 100%);
height: 22px;
}

View file

@ -166,6 +166,11 @@
.emoji-mart-category .emoji-mart-emoji {
cursor: pointer;
&.emoji-mart-emoji-custom img {
width: auto !important;
min-width: 22px;
}
span {
z-index: 1;
position: relative;

View file

@ -299,7 +299,8 @@ a.table-action-link {
margin-right: 10px;
.emojione {
width: 32px;
min-width: 32px;
max-width: min(8em, 100%);
height: 32px;
}
}

View file

@ -36,7 +36,8 @@
font-weight: 400;
.emojione {
width: 20px;
min-width: 20px;
max-width: min(8em, 100%);
height: 20px;
margin: -3px 0 0;
margin-left: 0.075em;