diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-07-05 09:05:47 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-07-05 09:05:47 +0900 |
| commit | a460bb79137937f5a2534bc1602602a2b7916f5b (patch) | |
| tree | e5474f9140c0296fb8e8cd3a2bd3635b5f793ac9 /packages/frontend/src/components/MkNote.vue | |
| parent | clean up (diff) | |
| download | misskey-a460bb79137937f5a2534bc1602602a2b7916f5b.tar.gz misskey-a460bb79137937f5a2534bc1602602a2b7916f5b.tar.bz2 misskey-a460bb79137937f5a2534bc1602602a2b7916f5b.zip | |
perf(frontend): improve rendering performance
Diffstat (limited to 'packages/frontend/src/components/MkNote.vue')
| -rw-r--r-- | packages/frontend/src/components/MkNote.vue | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 794a091f30..0605030d5b 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -729,7 +729,7 @@ function emitUpdReaction(emoji: string, delta: number) { } &:hover > .article > .main > .footer > .footerButton { - opacity: 1; + color: var(--MI_THEME-fg); } &.showActionsOnlyHover { @@ -1004,7 +1004,7 @@ function emitUpdReaction(emoji: string, delta: number) { .footerButton { margin: 0; padding: 8px; - opacity: 0.7; + color: color-mix(in srgb, var(--MI_THEME-panel), var(--MI_THEME-fg) 70%); // opacityなど不透明度で表現するとレンダリングパフォーマンスに影響するので通常の色の混合で代用 &:not(:last-child) { margin-right: 28px; @@ -1018,7 +1018,6 @@ function emitUpdReaction(emoji: string, delta: number) { .footerButtonCount { display: inline; margin: 0 0 0 8px; - opacity: 0.7; } @container (max-width: 580px) { |