block clicks in blank area of timeline menu, fix 'up-to-date' align

This commit is contained in:
Shpuld Shpuldson 2020-12-02 16:07:31 +02:00
parent fdfb8810c1
commit f4b18df644
3 changed files with 18 additions and 6 deletions

View file

@ -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

View file

@ -102,6 +102,7 @@
.timeline-heading {
max-width: 100%;
flex-wrap: nowrap;
align-items: center;
.loadmore-button {
flex-shrink: 0;
}

View file

@ -65,11 +65,14 @@
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" />
</div>
</Popover>
</template>
@ -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 {