mirror of
https://github.com/misskey-dev/misskey.git
synced 2026-05-01 22:06:02 +02:00
perf(frontend): improve rendering performance
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user