diff options
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 61 |
1 files changed, 50 insertions, 11 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index f842240b..a196d65e 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -6,19 +6,58 @@ :timeline-name="timelineName" /> <button - v-if="showLoadButton" - class="button-default loadmore-button" - @click.prevent="showNewStatuses" + v-if="showScrollTop" + class="button-unstyled scroll-to-top-button" + type="button" + @click="scrollToTop" > - {{ loadButtonString }} + <FALayers class="fa-scale-110 fa-old-padding-layer"> + <FAIcon icon="arrow-up" /> + <FAIcon + icon="minus" + transform="up-7" + /> + </FALayers> </button> - <div - v-else-if="!embedded" - class="loadmore-text faint" - @click.prevent - > - {{ $t('timeline.up_to_date') }} - </div> + <template v-if="mobileLayout"> + <button + v-if="showLoadButton" + class="button-unstyled loadmore-button" + @click.prevent="showNewStatuses" + > + <FAIcon + fixed-width + icon="circle-plus" + /> + <div class="alert-dot" /> + </button> + <div + v-else-if="!embedded" + class="loadmore-text faint" + @click.prevent + > + <FAIcon + fixed-width + icon="check" + /> + </div> + </template> + <template v-else> + <button + v-if="showLoadButton" + class="button-default loadmore-button" + @click.prevent="showNewStatuses" + > + {{ loadButtonString }} + </button> + <div + v-else-if="!embedded" + class="loadmore-text faint" + @click.prevent + > + {{ $t('timeline.up_to_date') }} + </div> + </template> <QuickFilterSettings v-if="!embedded" /> <QuickViewSettings v-if="!embedded" /> </div> |