From 9f7a5aac1e7e11bb433a040f468a53bc39fcb683 Mon Sep 17 00:00:00 2001
From: Ondřej Hruška <ondra@ondrovo.com>
Date: Mon, 10 Jul 2017 10:16:30 +0200
Subject: Toot context menu is now centered

---
 app/javascript/styles/components.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'app')

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 {
-- 
cgit