diff options
| author | おさむのひと <46447427+samunohito@users.noreply.github.com> | 2023-12-14 16:17:01 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-12-14 16:17:01 +0900 |
| commit | b9318d09ee39722f94eb6a2afccc385965cf4f54 (patch) | |
| tree | b78da83b4f441dceea6f72f9ff967c0a9f6195be | |
| parent | fix: contextmenu does not appear when plugin enabled / devMode enabled (#12656) (diff) | |
| download | sharkey-b9318d09ee39722f94eb6a2afccc385965cf4f54.tar.gz sharkey-b9318d09ee39722f94eb6a2afccc385965cf4f54.tar.bz2 sharkey-b9318d09ee39722f94eb6a2afccc385965cf4f54.zip | |
fix(frontend) リアクションの表示位置を微調整 (#12651)
* fix(frontend) リアクションの表示位置を微調整
* fix inline-flex
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkReactionsViewer.reaction.vue | 6 |
2 files changed, 5 insertions, 2 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 7fbc1e06de..d2447bae12 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -64,6 +64,7 @@ - Fix: 長い名前のチャンネルにおける投稿フォームの表示が崩れる問題を修正 - Fix: セキュリティ向上のためAiScriptの`Mk:apiExternal`を無効化 - Fix: ノート中の絵文字をタップして「リアクションする」からリアクションした際にリアクションサウンドが鳴らない不具合を修正 +- Fix: ノート中のリアクションの表示を微調整 #12650 ### Server - Enhance: MFM `$[ruby ]` が他ソフトウェアと連合されるように diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.vue b/packages/frontend/src/components/MkReactionsViewer.reaction.vue index 65a5c2374e..8de226802d 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.vue +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.vue @@ -139,12 +139,14 @@ if (!mock) { <style lang="scss" module> .root { - display: inline-block; + display: inline-flex; height: 42px; margin: 2px; padding: 0 6px; font-size: 1.5em; border-radius: 6px; + align-items: center; + justify-content: center; &.canToggle { background: var(--buttonBg); @@ -183,7 +185,7 @@ if (!mock) { &.reacted, &.reacted:hover { background: var(--accentedBg); color: var(--accent); - box-shadow: 0 0 0px 1px var(--accent) inset; + box-shadow: 0 0 0 1px var(--accent) inset; > .count { color: var(--accent); |