Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
<style lang="scss" scoped>
:deep(a) {
:deep(a, button) {
position: relative;
z-index: 2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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