show counter in show new button on mobile
This commit is contained in:
parent
373fb077a8
commit
3aadad3013
3 changed files with 25 additions and 1 deletions
|
@ -69,6 +69,13 @@ const Timeline = {
|
|||
return `${this.$t('timeline.show_new')} (${this.newStatusCount})`
|
||||
}
|
||||
},
|
||||
mobileLoadButtonString () {
|
||||
if (this.timeline.flushMarker !== 0) {
|
||||
return '+'
|
||||
} else {
|
||||
return this.newStatusCount > 99 ? '∞' : this.newStatusCount
|
||||
}
|
||||
},
|
||||
classes () {
|
||||
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-nonpanel']
|
||||
if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
|
||||
|
|
|
@ -13,6 +13,21 @@
|
|||
background-color: var(--badgeNeutral);
|
||||
}
|
||||
|
||||
.alert-badge {
|
||||
font-size: 0.75em;
|
||||
line-height: 1;
|
||||
text-align: right;
|
||||
border-radius: var(--tooltipRadius);
|
||||
position: absolute;
|
||||
left: calc(50% - 0.5em);
|
||||
top: calc(50% - 0.4em);
|
||||
padding: 0.2em;
|
||||
margin-left: 0.7em;
|
||||
margin-top: -1em;
|
||||
background-color: var(--badgeNeutral);
|
||||
color: var(--badgeNeutralText);
|
||||
}
|
||||
|
||||
.loadmore-button {
|
||||
position: relative
|
||||
}
|
||||
|
|
|
@ -38,7 +38,9 @@
|
|||
fixed-width
|
||||
icon="circle-plus"
|
||||
/>
|
||||
<div class="alert-dot" />
|
||||
<div class="alert-badge">
|
||||
{{ mobileLoadButtonString }}
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
|
|
Loading…
Reference in a new issue