yume/paricafe
1
0
Fork 0
mirror of https://github.com/paricafe/misskey.git synced 2024-11-28 02:36:43 -06:00
Code Issues Projects Releases Packages Wiki Activity

fix rendering optimization

Browse source
This commit is contained in:
fly_mc 2024-11-01 09:22:28 +08:00
parent 59b32232f9
commit 2b0cdd71c4
4 changed files with 4 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/frontend/src/components/MkNote.vue
View file

@ -762,9 +762,7 @@ function emitUpdReaction(emoji: string, delta: number) {
.skipRender {
content-visibility: auto;
contain-intrinsic-size: 0 200px;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
will-change: opacity, transform;
contain-intrinsic-size: 0 180px;
}
.tip {

4
packages/frontend/src/components/MkNoteDetailed.vue
View file

@ -707,9 +707,7 @@ onMounted(() => {
.skipRender {
content-visibility: auto;
contain-intrinsic-size: 0 200px;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
will-change: opacity, transform;
contain-intrinsic-size: 0 180px;
}
.footer {

9
packages/frontend/src/components/MkNotification.vue
View file

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div :class="[$style.root, { [$style.skipRender]: defaultStore.state.enableRenderingOptimization }]">
<div :class="$style.root">
<div :class="$style.head">
<MkAvatar v-if="['pollEnded', 'note'].includes(notification.type) && 'note' in notification" :class="$style.icon" :user="notification.note.user" link preview/>
<MkAvatar v-else-if="['roleAssigned', 'achievementEarned', 'exportCompleted', 'login'].includes(notification.type)" :class="$style.icon" :user="$i" link preview/>
@ -233,13 +233,6 @@ function getActualReactedUsersCount(notification: Misskey.entities.Notification)
--eventOther: #88a6b7;
}
.skipRender {
content-visibility: auto;
contain-intrinsic-size: 0 200px;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
will-change: opacity, transform;
}
.head {
position: sticky;
top: 0;

2
packages/frontend/src/store.ts
View file

@ -477,7 +477,7 @@ export const defaultStore = markRaw(new Storage('base', {
},
skipNoteRender: {
where: 'device',
default: true,
default: false,
},
sound_masterVolume: {