Fix emoji picker for Safari.

Use `float:left` instead of flexbox

Fix emoji picker for Safari.
Use `float:left` instead of flexbox
707fd07d · JC Brand · e7661b72 · 707fd07d
Commit 707fd07d authored Nov 19, 2019 by JC Brand
Show whitespace changes
Inline Side-by-side

Showing with 10 additions and 6 deletions

sass/_emoji.scss sass/_emoji.scss +10 -6

No files found.
--- a/sass/_emoji.scss
+++ b/sass/_emoji.scss
@@ -29,12 +29,13 @@
                    cursor: auto;
                    color: var(--subdued-color);
                    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;
                flex-direction: column;
@@ -63,7 +64,10 @@
            }
            .emoji-picker {
                background-color: white;
-                padding: 0.5em;
+                padding: 0.5em 0 0 0.5em;
+                &:last-child {
+                    padding-bottom: 0.5em;
+                }
                li {
                    margin-left: 0;
                    cursor: pointer;