Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Fix emoji picker for Safari.

Browse Source 
Use `float:left` instead of flexbox
This commit is contained in:
JC Brand 2019-11-19 13:37:12 +01:00
parent e7661b725e
commit 707fd07dc6
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
sass/_emoji.scss
View File

@ -29,12 +29,13 @@
cursor: auto; cursor: auto;
color: var(--subdued-color); color: var(--subdued-color);
font-size: var(--font-size); font-size: var(--font-size);
padding: 0.5em 0 0 0.5em; margin: 0;
padding: 0.75em 0 0 0.5em;
}
.emoji-picker {
li {
float: left;
} }
ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
} }
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -63,7 +64,10 @@
} }
.emoji-picker { .emoji-picker {
background-color: white; background-color: white;
padding: 0.5em; padding: 0.5em 0 0 0.5em;
&:last-child {
padding-bottom: 0.5em;
}
li { li {
margin-left: 0; margin-left: 0;
cursor: pointer; cursor: pointer;