show counter in show new button on mobile

This commit is contained in:
Henry Jameson 2022-11-01 22:26:04 +02:00
parent 373fb077a8
commit 3aadad3013
3 changed files with 25 additions and 1 deletions

View File

@ -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'])

View File

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

View File

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