aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline_menu/timeline_menu.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/timeline_menu/timeline_menu.vue')
-rw-r--r--src/components/timeline_menu/timeline_menu.vue22
1 files changed, 17 insertions, 5 deletions
diff --git a/src/components/timeline_menu/timeline_menu.vue b/src/components/timeline_menu/timeline_menu.vue
index c46531be..3c86842b 100644
--- a/src/components/timeline_menu/timeline_menu.vue
+++ b/src/components/timeline_menu/timeline_menu.vue
@@ -65,10 +65,16 @@
slot="trigger"
class="title timeline-menu-title"
>
- <span>{{ timelineName() }}</span>
- <FAIcon
- size="sm"
- icon="chevron-down"
+ <span class="timeline-title">{{ timelineName() }}</span>
+ <span>
+ <FAIcon
+ size="sm"
+ icon="chevron-down"
+ />
+ </span>
+ <span
+ class="click-blocker"
+ @click="blockOpen"
/>
</div>
</Popover>
@@ -117,8 +123,9 @@
cursor: pointer;
user-select: none;
width: 100%;
+ display: flex;
- span {
+ .timeline-menu-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -128,6 +135,11 @@
margin-left: 0.6em;
transition: transform 100ms;
}
+
+ .click-blocker {
+ cursor: default;
+ flex-grow: 1;
+ }
}
&.open .timeline-menu-title svg {