diff options
| author | Shpuld Shpludson <shp@cock.li> | 2020-12-16 17:57:59 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2020-12-16 17:57:59 +0000 |
| commit | 3359d4ddf6ee6449bd230eb2056f08edbb3d355e (patch) | |
| tree | b3623cd0f3cbe1f79baa238d0b7d64028f0f2fd9 /src/components/timeline_menu/timeline_menu.vue | |
| parent | 10399c193a68fc14c0c72b0cf970bfe2605a247e (diff) | |
| parent | a2f1ad93f557940635829aeb97cafa45dc6ed11e (diff) | |
Merge branch 'fix/timeline-bar-clickables-offset' into 'develop'
Fix #923 block clicks in blank area of timeline menu, fix 'up-to-date' align
Closes #923
See merge request pleroma/pleroma-fe!1300
Diffstat (limited to 'src/components/timeline_menu/timeline_menu.vue')
| -rw-r--r-- | src/components/timeline_menu/timeline_menu.vue | 22 |
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 { |