emoji style fixes (#227)

* emoji style fixes

* fixes non-square emoji being stretched to fit a square, both in
  statuses and in autosuggestions
* sizes emoji proportionally to text, so emoji won't look all tiny in
  expanded statuses
* emoji sizing and positioning similar to mastodon web

* prevent emoji from pushing down the line below them
This commit is contained in:
codl 2018-04-28 03:19:37 +02:00 committed by Nolan Lawson
parent 75b4d09b64
commit 562d0d2774
3 changed files with 14 additions and 9 deletions

View file

@ -69,6 +69,7 @@
grid-area: icon;
width: 48px;
height: 48px;
object-fit: contain;
}
.compose-autosuggest-list-display-name {
grid-area: display-name;
@ -105,4 +106,4 @@
Avatar
}
}
</script>
</script>

View file

@ -22,9 +22,11 @@
}
:global(.status-content .status-emoji) {
width: 20px;
height: 20px;
margin: -3px 0;
width: 1.4em;
height: 1.4em;
margin: -0.1em 0;
object-fit: contain;
vertical-align: middle;
}
:global(.status-content p) {
@ -133,4 +135,4 @@
}
}
}
</script>
</script>

View file

@ -17,9 +17,11 @@
}
:global(.status-spoiler .status-emoji) {
width: 20px;
height: 20px;
margin: -3px 0;
width: 1.4em;
height: 1.4em;
margin: -0.1em 0;
object-fit: contain;
vertical-align: middle;
}
.status-spoiler.status-in-own-thread {
@ -80,4 +82,4 @@
}
}
}
</script>
</script>