HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Merge pull request 'Only load timeline in active swiper slide' (#10200) from Freeplay/calckey:swiper into develop

Browse source 
Reviewed-on: https://codeberg.org/calckey/calckey/pulls/10200
This commit is contained in:
Kainoa Kanter 2023-05-26 01:58:24 +00:00
commit ceae7341d4
14 changed files with 18 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/client/src/components/MkSubNoteContent.vue
View file

@ -243,7 +243,7 @@ function focusFooter(ev) {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(a) { :deep(a, button) {
position: relative; position: relative;
z-index: 2; z-index: 2;
} }

2
packages/client/src/pages/about.vue
View file

@ -7,7 +7,7 @@
:tabs="headerTabs" :tabs="headerTabs"
/></template> /></template>
<MkSpacer :content-max="600" :margin-min="20"> <MkSpacer :content-max="600" :margin-min="20">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/admin-file.vue
View file

@ -7,7 +7,7 @@
:tabs="headerTabs" :tabs="headerTabs"
/></template> /></template>
<MkSpacer :content-max="600" :margin-min="16" :margin-max="32"> <MkSpacer :content-max="600" :margin-min="16" :margin-max="32">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/channels.vue
View file

@ -7,7 +7,7 @@
:tabs="headerTabs" :tabs="headerTabs"
/></template> /></template>
<MkSpacer :content-max="700"> <MkSpacer :content-max="700">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/explore.vue
View file

@ -8,7 +8,7 @@
/></template> /></template>
<div class="lznhrdub"> <div class="lznhrdub">
<MkSpacer :content-max="1200"> <MkSpacer :content-max="1200">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/gallery/index.vue
View file

@ -8,7 +8,7 @@
:display-back-button="true" :display-back-button="true"
/></template> /></template>
<MkSpacer :content-max="1200"> <MkSpacer :content-max="1200">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/instance-info.vue
View file

@ -12,7 +12,7 @@
:margin-min="16" :margin-min="16"
:margin-max="32" :margin-max="32"
> >
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/messaging/index.vue
View file

@ -8,7 +8,7 @@
/></template> /></template>
<div> <div>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/notifications.vue
View file

@ -9,7 +9,7 @@
/> />
</template> </template>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/pages.vue
View file

@ -7,7 +7,7 @@
:tabs="headerTabs" :tabs="headerTabs"
/></template> /></template>
<MkSpacer :content-max="700"> <MkSpacer :content-max="700">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/search.vue
View file

@ -8,7 +8,7 @@
:display-back-button="true" :display-back-button="true"
/></template> /></template>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

2
packages/client/src/pages/tag.vue
View file

@ -8,7 +8,7 @@
:display-back-button="true" :display-back-button="true"
/></template> /></template>
<MkSpacer :content-max="800"> <MkSpacer :content-max="800">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"

3
packages/client/src/pages/timeline.vue
View file

@ -32,7 +32,7 @@
/> />
</div> *v-else on next div* --> </div> *v-else on next div* -->
<div class="tl _block"> <div class="tl _block">
<swiper <swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
:modules="[Virtual]" :modules="[Virtual]"
:space-between="20" :space-between="20"
:virtual="true" :virtual="true"
@ -51,6 +51,7 @@
:virtual-index="index" :virtual-index="index"
> >
<XTimeline <XTimeline
v-if="index == timelines[swiperRef.activeIndex]"
ref="tl" ref="tl"
:key="src" :key="src"
class="tl" class="tl"

4
packages/client/src/style.scss
View file

@ -113,6 +113,10 @@ html, body {
padding: 0; padding: 0;
} }
.swiper-slide {
height: unset !important;
}
a { a {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;