diff options
Diffstat (limited to 'src/client/pages/timeline.vue')
| -rw-r--r-- | src/client/pages/timeline.vue | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/src/client/pages/timeline.vue b/src/client/pages/timeline.vue index 751137c942..0e0116465c 100644 --- a/src/client/pages/timeline.vue +++ b/src/client/pages/timeline.vue @@ -1,11 +1,10 @@ <template> -<div class="cmuxhskf _root" v-hotkey.global="keymap"> - <div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()">{{ $ts.newNoteRecived }}</button></div> +<div class="cmuxhskf _root _magnetParent" v-hotkey.global="keymap"> + <div class="new" v-if="queue > 0"><button class="_buttonPrimary" @click="top()">{{ $ts.newNoteRecived }}</button></div> - <div class="_magnet"></div> <XTutorial v-if="$store.reactiveState.tutorial.value != -1" class="tutorial _block"/> <XPostForm v-if="$store.reactiveState.showFixedPostForm.value" class="post-form _block" fixed/> - <div class="tabs _block"> + <div class="tabs _block _magnetChild"> <div class="left"> <button class="_button tab" @click="() => { src = 'home'; saveSrc(); }" :class="{ active: src === 'home' }" v-tooltip="$ts._timelines.home"><Fa :icon="faHome"/></button> <button class="_button tab" @click="() => { src = 'local'; saveSrc(); }" :class="{ active: src === 'local' }" v-tooltip="$ts._timelines.local" v-if="isLocalTimelineAvailable"><Fa :icon="faComments"/></button> @@ -64,7 +63,6 @@ export default defineComponent({ channel: null, menuOpened: false, queue: 0, - width: 0, [symbols.PAGE_INFO]: computed(() => ({ title: this.$ts.timeline, icon: this.src === 'local' ? faComments : this.src === 'social' ? faShareAlt : this.src === 'global' ? faGlobe : faHome, @@ -126,10 +124,6 @@ export default defineComponent({ } }, - mounted() { - this.width = this.$el.offsetWidth; - }, - methods: { before() { Progress.start(); @@ -140,7 +134,6 @@ export default defineComponent({ }, queueUpdated(q) { - if (this.$el.offsetWidth !== 0) this.width = this.$el.offsetWidth; this.queue = q; }, @@ -223,8 +216,10 @@ export default defineComponent({ <style lang="scss" scoped> .cmuxhskf { > .new { - position: fixed; + position: sticky; + top: calc(var(--stickyTop, 0px) + 16px); z-index: 1000; + width: 100%; > button { display: block; |