From f4b18df644907090516bf19c8f6c7b78e0b2bb43 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Wed, 2 Dec 2020 16:07:31 +0200 Subject: [PATCH] block clicks in blank area of timeline menu, fix 'up-to-date' align --- CHANGELOG.md | 1 + src/components/timeline/timeline.vue | 1 + .../timeline_menu/timeline_menu.vue | 22 ++++++++++++++----- 3 files changed, 18 insertions(+), 6 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6e424a62..c39809ee 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,6 +21,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). ### Changed - Errors when fetching are now shown with popup errors instead of "Error fetching updates" in panel headers - Made reply/fav/repeat etc buttons easier to hit +- Adjusted timeline menu clickable area to match the visible button ## [2.2.1] - 2020-11-11 diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 0326342b..4c43fe5c 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -102,6 +102,7 @@ .timeline-heading { max-width: 100%; flex-wrap: nowrap; + align-items: center; .loadmore-button { flex-shrink: 0; } diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue index c46531be..dd8dbf34 100644 --- a/src/components/timeline_menu/timeline_menu.vue +++ b/src/components/timeline_menu/timeline_menu.vue @@ -65,11 +65,14 @@ slot="trigger" class="title timeline-menu-title" > - {{ timelineName() }} - + {{ timelineName() }} + + + + @@ -117,8 +120,9 @@ cursor: pointer; user-select: none; width: 100%; + display: flex; - span { + .timeline-menu-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -128,6 +132,12 @@ margin-left: 0.6em; transition: transform 100ms; } + + .click-blocker { + cursor: default; + pointer-events: none; + flex-grow: 1; + } } &.open .timeline-menu-title svg {