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 ### Changed
- Errors when fetching are now shown with popup errors instead of "Error fetching updates" in panel headers - 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 - 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 ## [2.2.1] - 2020-11-11

View file

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

View file

@ -65,11 +65,14 @@
slot="trigger" slot="trigger"
class="title timeline-menu-title" class="title timeline-menu-title"
> >
<span>{{ timelineName() }}</span> <span class="timeline-title">{{ timelineName() }}</span>
<span>
<FAIcon <FAIcon
size="sm" size="sm"
icon="chevron-down" icon="chevron-down"
/> />
</span>
<span class="click-blocker" />
</div> </div>
</Popover> </Popover>
</template> </template>
@ -117,8 +120,9 @@
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
width: 100%; width: 100%;
display: flex;
span { .timeline-menu-name {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -128,6 +132,12 @@
margin-left: 0.6em; margin-left: 0.6em;
transition: transform 100ms; transition: transform 100ms;
} }
.click-blocker {
cursor: default;
pointer-events: none;
flex-grow: 1;
}
} }
&.open .timeline-menu-title svg { &.open .timeline-menu-title svg {