[Glitch] Fix text area above/right of emoji picker being accidentally clickable in web UI

Port 2e18b1a2a2 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
4 years ago · bdb06f50ec
parent 3c96a0c21d
commit bdb06f50ec
2 changed files with 3 additions and 7 deletions
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@ -3,8 +3,8 @@

  .emoji-picker-dropdown {
    position: absolute;
-    right: 5px;
-    top: 5px;
+    top: 0;
+    right: 0;

    ::-webkit-scrollbar-track:hover,
    ::-webkit-scrollbar-track:active {
--- a/app/javascript/flavours/glitch/styles/components/emoji.scss
+++ b/app/javascript/flavours/glitch/styles/components/emoji.scss
@ -72,10 +72,7 @@

 .emoji-button {
  display: block;
-  font-size: 24px;
-  line-height: 24px;
-  margin-left: 2px;
-  width: 24px;
+  padding: 5px 5px 2px 2px;
  outline: 0;
  cursor: pointer;

@ -91,7 +88,6 @@
    margin: 0;
    width: 22px;
    height: 22px;
-    margin-top: 2px;
  }

  &:hover,