diff options
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 61 |
1 files changed, 46 insertions, 15 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index a6bfeed1..f9f5bf92 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -8,22 +8,53 @@ type="button" @click="scrollToTop" > - <FAIcon icon="circle-up" /> - </button> - <button - v-if="showLoadButton" - class="button-default loadmore-button" - @click.prevent="showNewStatuses" - > - {{ 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> |