fix: emoji picker position in fullscreen (#251)

65f7aa79 · boojack · GitHub · 06f5a578 · 65f7aa79
Unverified Commit 65f7aa79 authored Sep 30, 2022 by boojack Committed by GitHub Sep 30, 2022
Show whitespace changes
Inline Side-by-side

Showing with 7 additions and 3 deletions

memo-editor.less web/src/less/memo-editor.less +7 -3

No files found.
--- a/web/src/less/memo-editor.less
+++ b/web/src/less/memo-editor.less
@@ -17,8 +17,8 @@
        }
      }

-      & .emoji-picker-react {
-        @apply bottom-16 sm:bottom-auto;
+      .emoji-picker-react {
+        @apply bottom-16;
      }
    }
  }
@@ -39,6 +39,10 @@
        top: unset;
      }
    }
+
+    .emoji-picker-react {
+      @apply bottom-20;
+    }
  }

  &.edit-ing {
@@ -84,7 +88,7 @@
  }

  .emoji-picker-react {
-    @apply absolute;
+    @apply absolute shadow;

    li.emoji::before {
      @apply hidden;