Fix emojis overflow on Apple devices
This commit is contained in:
parent
092869e6bd
commit
294dbf0509
@ -776,10 +776,10 @@
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
span.emoji {
|
||||
/* span.emoji {
|
||||
font-size: 1rem;
|
||||
vertical-align: unset;
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
.pinned-message {
|
||||
|
@ -89,6 +89,7 @@
|
||||
/* grid-gap: 4px; */
|
||||
width: 100%;
|
||||
|
||||
user-select: none;
|
||||
-webkit-user-select: none; /* disable selection/Copy of UIWebView */
|
||||
-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
|
||||
|
||||
@ -216,7 +217,6 @@
|
||||
vertical-align: middle;
|
||||
//margin: .1rem 0;
|
||||
line-height: 27px;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.dialog-avatar {
|
||||
|
@ -1049,16 +1049,11 @@ input:focus, button:focus {
|
||||
}
|
||||
}
|
||||
|
||||
.emoji {
|
||||
display: inline-block;
|
||||
/* width: 100%;
|
||||
height: 100%; */
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
vertical-align: middle;
|
||||
|
||||
line-height: 1em;
|
||||
font-size: 1em;
|
||||
span.emoji {
|
||||
display: inline !important;
|
||||
vertical-align: unset !important;
|
||||
//line-height: 1em;
|
||||
//font-size: 1em;
|
||||
|
||||
font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;
|
||||
}
|
||||
@ -1067,6 +1062,13 @@ img.emoji {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: 0 .125rem;
|
||||
|
||||
display: inline-block;
|
||||
/* width: 100%;
|
||||
height: 100%; */
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.btn-circle {
|
||||
@ -1157,7 +1159,7 @@ img.emoji {
|
||||
}
|
||||
}
|
||||
|
||||
[contenteditable] {
|
||||
[contenteditable=true] {
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user