about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-09-24 00:40:10 +0200
committerGitHub <noreply@github.com>2017-09-24 00:40:10 +0200
commit5b8d0ad71b137724660455b41f5e19db438aa201 (patch)
tree8d8828e35d55c120422c6071ae77c5b0d2935c7f /app/javascript/styles
parent233258c61b23785adbd46cba4ed33ee955ecc7a2 (diff)
Dropdown triangles a bit nicer, smoother scrolling on touch (#5062)
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss4
-rw-r--r--app/javascript/styles/emoji_picker.scss2
2 files changed, 4 insertions, 2 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 371c94831..62c9b0066 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -1265,14 +1265,14 @@
   &.top {
     bottom: -5px;
     margin-left: -13px;
-    border-width: 5px 5px 0;
+    border-width: 5px 7px 0;
     border-top-color: $ui-secondary-color;
   }
 
   &.bottom {
     top: -5px;
     margin-left: -13px;
-    border-width: 0 5px 5px;
+    border-width: 0 7px 5px;
     border-bottom-color: $ui-secondary-color;
   }
 
diff --git a/app/javascript/styles/emoji_picker.scss b/app/javascript/styles/emoji_picker.scss
index dbd9dbd97..2b46d30fc 100644
--- a/app/javascript/styles/emoji_picker.scss
+++ b/app/javascript/styles/emoji_picker.scss
@@ -91,8 +91,10 @@
 .emoji-mart-scroll {
   overflow-y: scroll;
   height: 270px;
+  max-height: 35vh;
   padding: 0 6px 6px;
   background: $simple-background-color;
+  will-change: transform;
 }
 
 .emoji-mart-search {