embedded timeline avoid shrug

This commit is contained in:
Henry Jameson 2024-12-19 14:34:54 +02:00
parent 8cc2584571
commit 5a8eae4510

View file

@ -1,12 +1,12 @@
<template> <template>
<div :class="['Timeline', classes.root]"> <div :class="['Timeline', classes.root]">
<div :class="classes.header"> <div :class="classes.header" v-if="!embedded">
<TimelineMenu <TimelineMenu
v-if="!embedded" v-if="!embedded"
:timeline-name="timelineName" :timeline-name="timelineName"
/> />
<div <div
v-if="showScrollTop && !embedded" v-if="showScrollTop"
class="rightside-button" class="rightside-button"
> >
<button <button
@ -24,7 +24,7 @@
</FALayers> </FALayers>
</button> </button>
</div> </div>
<template v-if="mobileLayout && !embedded"> <template v-if="mobileLayout">
<div <div
v-if="showLoadButton" v-if="showLoadButton"
class="rightside-button" class="rightside-button"
@ -44,7 +44,7 @@
</button> </button>
</div> </div>
<div <div
v-else-if="!embedded" v-else
class="loadmore-text faint veryfaint rightside-icon" class="loadmore-text faint veryfaint rightside-icon"
:title="$t('timeline.up_to_date')" :title="$t('timeline.up_to_date')"
:aria-disabled="true" :aria-disabled="true"
@ -65,7 +65,7 @@
{{ loadButtonString }} {{ loadButtonString }}
</button> </button>
<div <div
v-else-if="!embedded" v-else
class="loadmore-text faint" class="loadmore-text faint"
@click.prevent @click.prevent
> >
@ -73,11 +73,9 @@
</div> </div>
</template> </template>
<QuickFilterSettings <QuickFilterSettings
v-if="!embedded"
class="rightside-button" class="rightside-button"
/> />
<QuickViewSettings <QuickViewSettings
v-if="!embedded"
class="rightside-button" class="rightside-button"
/> />
</div> </div>
@ -148,6 +146,8 @@
/> />
</div> </div>
</teleport> </teleport>
<!-- spacer to avoid having empty shrug -->
<span v-if="embedded && footerSlipgate" />
</div> </div>
</div> </div>
</template> </template>