Browse Source

Fix emojis overflow on Apple devices

master
morethanwords 4 years ago
parent
commit
294dbf0509
  1. 4
      src/scss/partials/_chat.scss
  2. 2
      src/scss/partials/_chatlist.scss
  3. 24
      src/scss/style.scss

4
src/scss/partials/_chat.scss

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

2
src/scss/partials/_chatlist.scss

@ -89,6 +89,7 @@ @@ -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 @@ @@ -216,7 +217,6 @@
vertical-align: middle;
//margin: .1rem 0;
line-height: 27px;
user-select: none;
}
.dialog-avatar {

24
src/scss/style.scss

@ -1049,16 +1049,11 @@ input:focus, button:focus { @@ -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 { @@ -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 { @@ -1157,7 +1159,7 @@ img.emoji {
}
}
[contenteditable] {
[contenteditable=true] {
user-select: text;
}

Loading…
Cancel
Save