aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorShpuld Shpuldson <shp@cock.li>2020-07-08 10:42:40 +0300
committerShpuld Shpuldson <shp@cock.li>2020-07-08 10:42:40 +0300
commit5186929efa0212c272f963e43e0167b12a1cddbf (patch)
tree378ce4b4855f7a8ee030ca185104bb20e13b6e11
parentcde6acdbbd3a363832cfaf192b211c2576e5cc10 (diff)
add hack to not overlap menu with timeline header
-rw-r--r--src/components/timeline_menu/timeline_menu.vue6
1 files changed, 5 insertions, 1 deletions
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 {