diff options
| author | Henry Jameson <me@hjkos.com> | 2022-04-25 23:50:22 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-04-25 23:50:22 +0300 |
| commit | 2a6f42fef3ff9c087aab4589d229e0f6c1b45c90 (patch) | |
| tree | 6b679101262ec41c043259adf15d5c1143aa3b1c /src/components/timeline/timeline.vue | |
| parent | f2b75a075da546739a659566f3be16e9e1e59949 (diff) | |
unified how panel-footer works between regular timelines and user timeline
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 62 |
1 files changed, 32 insertions, 30 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 958808f6..ebf8ab52 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -46,37 +46,39 @@ </div> </div> <div :class="classes.footer"> - <div - v-if="count===0" - class="new-status-notification text-center faint" - > - {{ $t('timeline.no_statuses') }} - </div> - <div - v-else-if="bottomedOut" - class="new-status-notification text-center faint" - > - {{ $t('timeline.no_more_statuses') }} - </div> - <button - v-else-if="!timeline.loading" - class="button-unstyled -link" - @click.prevent="fetchOlderStatuses()" - > - <div class="new-status-notification text-center"> - {{ $t('timeline.load_older') }} + <teleport :to="footerSlipgate" :disabled="!embedded || !footerSlipgate"> + <div + v-if="count===0" + class="new-status-notification text-center faint" + > + {{ $t('timeline.no_statuses') }} </div> - </button> - <div - v-else - class="new-status-notification text-center" - > - <FAIcon - icon="circle-notch" - spin - size="lg" - /> - </div> + <div + v-else-if="bottomedOut" + class="new-status-notification text-center faint" + > + {{ $t('timeline.no_more_statuses') }} + </div> + <button + v-else-if="!timeline.loading" + class="button-unstyled -link" + @click.prevent="fetchOlderStatuses()" + > + <div class="new-status-notification text-center"> + {{ $t('timeline.load_older') }} + </div> + </button> + <div + v-else + class="new-status-notification text-center" + > + <FAIcon + icon="circle-notch" + spin + size="lg" + /> + </div> + </teleport> </div> </div> </template> |