add hack to not overlap menu with timeline header

4 years ago · 5186929efa
parent cde6acdbbd
commit 5186929efa
1 changed files with 5 additions and 1 deletions
--- 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 {