monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

fix(frontend) リアクションの表示位置を微調整 (#12651)

Browse source 
* fix(frontend) リアクションの表示位置を微調整

* fix inline-flex
This commit is contained in:
おさむのひと 2023-12-14 16:17:01 +09:00 committed by GitHub
parent 0c0b7d77b3
commit b9318d09ee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -64,6 +64,7 @@
- Fix: 長い名前のチャンネルにおける投稿フォームの表示が崩れる問題を修正 - Fix: 長い名前のチャンネルにおける投稿フォームの表示が崩れる問題を修正
- Fix: セキュリティ向上のためAiScriptの`Mk:apiExternal`を無効化 - Fix: セキュリティ向上のためAiScriptの`Mk:apiExternal`を無効化
- Fix: ノート中の絵文字をタップして「リアクションする」からリアクションした際にリアクションサウンドが鳴らない不具合を修正 - Fix: ノート中の絵文字をタップして「リアクションする」からリアクションした際にリアクションサウンドが鳴らない不具合を修正
- Fix: ノート中のリアクションの表示を微調整 #12650
### Server ### Server
- Enhance: MFM `$[ruby ]` が他ソフトウェアと連合されるように - Enhance: MFM `$[ruby ]` が他ソフトウェアと連合されるように

6
packages/frontend/src/components/MkReactionsViewer.reaction.vue
View file

@ -139,12 +139,14 @@ if (!mock) {
<style lang="scss" module> <style lang="scss" module>
.root { .root {
display: inline-block; display: inline-flex;
height: 42px; height: 42px;
margin: 2px; margin: 2px;
padding: 0 6px; padding: 0 6px;
font-size: 1.5em; font-size: 1.5em;
border-radius: 6px; border-radius: 6px;
align-items: center;
justify-content: center;
&.canToggle { &.canToggle {
background: var(--buttonBg); background: var(--buttonBg);
@ -183,7 +185,7 @@ if (!mock) {
&.reacted, &.reacted:hover { &.reacted, &.reacted:hover {
background: var(--accentedBg); background: var(--accentedBg);
color: var(--accent); color: var(--accent);
box-shadow: 0 0 0px 1px var(--accent) inset; box-shadow: 0 0 0 1px var(--accent) inset;
> .count { > .count {
color: var(--accent); color: var(--accent);