about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorOndřej Hruška <ondra@ondrovo.com>2017-07-10 10:16:30 +0200
committerbeatrix <beatrix.bitrot@gmail.com>2017-07-10 10:21:20 -0400
commit9f7a5aac1e7e11bb433a040f468a53bc39fcb683 (patch)
tree9fcbdd6e32105740b9f0f3626bf534a417ff74a9 /app
parent945c5812d37f6bc44c3d820ed3506d5566a9208d (diff)
Toot context menu is now centered
Diffstat (limited to 'app')
-rw-r--r--app/javascript/styles/components.scss17
1 files changed, 17 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ce1e69623..a14929af9 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -733,6 +733,23 @@
   float: left;
   height: 18px;
   width: 18px;
+
+  // Dropdown style override for centering on the icon
+  .dropdown--active {
+    position: relative;
+
+    .dropdown__content.dropdown__right {
+      left: calc(50% + 3px);
+      right: initial;
+      transform: translate(-50%, 0);
+      top: 22px;
+    }
+
+    &::after {
+      right: 1px;
+      bottom: -2px;
+    }
+  }
 }
 
 .detailed-status__action-bar-dropdown {