From 4aed5968f600ebc9821a9036f0e733685e6efbfd Mon Sep 17 00:00:00 2001 From: Ebise Lutica <7106976+EbiseLutica@users.noreply.github.com> Date: Mon, 31 Jul 2023 17:38:41 +0900 Subject: [PATCH] =?UTF-8?q?enhance(frontend):=20=E6=8A=BC=E3=81=97?= =?UTF-8?q?=E3=81=9F=E3=83=AA=E3=82=A2=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3?= =?UTF-8?q?=E3=81=AE=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E3=82=92=E6=94=B9?= =?UTF-8?q?=E5=96=84=20(#11434)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * enhance(frontend): 押したリアクションのデザインを改善 * Update CHANGELOG --- CHANGELOG.md | 1 + .../src/components/MkReactionsViewer.reaction.vue | 12 +++++------- 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9aa5bf2fa..52c8bcd42 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ - OAuth 2.0のサポート ### Client +- Enhance: 自分が押したリアクションのデザインを改善 - Fix: サーバー情報画面(`/instance-info/{domain}`)でブロックができないのを修正 - Fix: 未読のお知らせの「わかった」をクリック・タップしてもその場で「わかった」が消えない問題を修正 diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index d75fad35a..baf4796d2 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -143,15 +143,13 @@ useTooltip(buttonEl, async (showing) => { } } - &.reacted { - background: var(--accent); - - &:hover { - background: var(--accent); - } + &.reacted, &.reacted:hover { + background: var(--accentedBg); + color: var(--accent); + border: 1px solid var(--accent); > .count { - color: var(--fgOnAccent); + color: var(--accent); } > .icon {