diff options
| author | Ebise Lutica <7106976+EbiseLutica@users.noreply.github.com> | 2023-07-31 17:38:41 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-31 17:38:41 +0900 |
| commit | 4aed5968f600ebc9821a9036f0e733685e6efbfd (patch) | |
| tree | 2035ed4c164ed161af858fc5898d082165fb1ced /packages/frontend/src/components | |
| parent | enhance(frontend): TwitterアイコンをXに変更 (#11436) (diff) | |
| download | misskey-4aed5968f600ebc9821a9036f0e733685e6efbfd.tar.gz misskey-4aed5968f600ebc9821a9036f0e733685e6efbfd.tar.bz2 misskey-4aed5968f600ebc9821a9036f0e733685e6efbfd.zip | |
enhance(frontend): 押したリアクションのデザインを改善 (#11434)
* enhance(frontend): 押したリアクションのデザインを改善
* Update CHANGELOG
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.reaction.vue | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index d75fad35a7..baf4796d2f 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 { |