show counter in show new button on mobile
This commit is contained in:
parent
373fb077a8
commit
3aadad3013
|
@ -69,6 +69,13 @@ const Timeline = {
|
||||||
return `${this.$t('timeline.show_new')} (${this.newStatusCount})`
|
return `${this.$t('timeline.show_new')} (${this.newStatusCount})`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
mobileLoadButtonString () {
|
||||||
|
if (this.timeline.flushMarker !== 0) {
|
||||||
|
return '+'
|
||||||
|
} else {
|
||||||
|
return this.newStatusCount > 99 ? '∞' : this.newStatusCount
|
||||||
|
}
|
||||||
|
},
|
||||||
classes () {
|
classes () {
|
||||||
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-nonpanel']
|
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-nonpanel']
|
||||||
if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
|
if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
|
||||||
|
|
|
@ -13,6 +13,21 @@
|
||||||
background-color: var(--badgeNeutral);
|
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 {
|
.loadmore-button {
|
||||||
position: relative
|
position: relative
|
||||||
}
|
}
|
||||||
|
|
|
@ -38,7 +38,9 @@
|
||||||
fixed-width
|
fixed-width
|
||||||
icon="circle-plus"
|
icon="circle-plus"
|
||||||
/>
|
/>
|
||||||
<div class="alert-dot" />
|
<div class="alert-badge">
|
||||||
|
{{ mobileLoadButtonString }}
|
||||||
|
</div>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|
Loading…
Reference in New Issue