r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix emojis overflow on Apple devices

Browse Source
This commit is contained in:
morethanwords 2020-10-15 21:51:55 +03:00
parent 092869e6bd
commit 294dbf0509
3 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/partials/_chat.scss
View File

@ -776,10 +776,10 @@
vertical-align: top; vertical-align: top;
} }
span.emoji { /* span.emoji {
font-size: 1rem; font-size: 1rem;
vertical-align: unset; vertical-align: unset;
} } */
} }
.pinned-message { .pinned-message {

2
src/scss/partials/_chatlist.scss
View File

@ -89,6 +89,7 @@
/* grid-gap: 4px; */ /* grid-gap: 4px; */
width: 100%; width: 100%;
user-select: none;
-webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-user-select: none; /* disable selection/Copy of UIWebView */
-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
@ -216,7 +217,6 @@
vertical-align: middle; vertical-align: middle;
//margin: .1rem 0; //margin: .1rem 0;
line-height: 27px; line-height: 27px;
user-select: none;
} }
.dialog-avatar { .dialog-avatar {

24
src/scss/style.scss
View File

@ -1049,16 +1049,11 @@ input:focus, button:focus {
} }
} }
.emoji { span.emoji {
display: inline-block; display: inline !important;
/* width: 100%; vertical-align: unset !important;
height: 100%; */ //line-height: 1em;
max-width: 100%; //font-size: 1em;
max-height: 100%;
vertical-align: middle;
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; 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; width: 18px;
height: 18px; height: 18px;
margin: 0 .125rem; margin: 0 .125rem;
display: inline-block;
/* width: 100%;
height: 100%; */
max-width: 100%;
max-height: 100%;
vertical-align: middle;
} }
.btn-circle { .btn-circle {
@ -1157,7 +1159,7 @@ img.emoji {
} }
} }
[contenteditable] { [contenteditable=true] {
user-select: text; user-select: text;
} }