mirrors
/
semaphore
mirror of https://github.com/NickColley/semaphore.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
routes/_components/compose/ComposeAutosuggestionList.html
View File

@ -69,6 +69,7 @@
grid-area: icon; grid-area: icon;
width: 48px; width: 48px;
height: 48px; height: 48px;
object-fit: contain;
} }
.compose-autosuggest-list-display-name { .compose-autosuggest-list-display-name {
grid-area: display-name; grid-area: display-name;

8
routes/_components/status/StatusContent.html
View File

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

8
routes/_components/status/StatusSpoiler.html
View File

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