From 5186929efa0212c272f963e43e0167b12a1cddbf Mon Sep 17 00:00:00 2001
From: Shpuld Shpuldson <shp@cock.li>
Date: Wed, 8 Jul 2020 10:42:40 +0300
Subject: add hack to not overlap menu with timeline header

---
 src/components/timeline_menu/timeline_menu.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/timeline_menu/timeline_menu.vue')

diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue
index e30bfe34..9a3719f7 100644
--- a/src/components/timeline_menu/timeline_menu.vue
+++ b/src/components/timeline_menu/timeline_menu.vue
@@ -63,7 +63,11 @@
   width: 24rem;
   .timeline-menu-popover-wrap {
     overflow: hidden;
-    margin-top: 0.6em;
+    // Hack: timeline heading padding is 0.6em with 14px font font-size
+    // in theory 0.6rem should match that exactly, but in reality it doesn't
+    // for seemingly rounding errors in both major browsers. This looks
+    // correct in firefox in chromium.
+    margin-top: calc(0.6rem + 1.5px);
     padding: 0 15px 15px 15px;
   }
   .timeline-menu-popover {
-- 
cgit v1.2.3-70-g09d2

