Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(frontend): リアクションの横幅を150pxに制限するかどうかユーザーが選べるように #12416

Merged
merged 3 commits into from
Nov 23, 2023

Conversation

camilla-ett
Copy link
Contributor

@camilla-ett camilla-ett commented Nov 23, 2023

What

いつぞやのタイミングで、リアクションの横幅が150pxに制限されるようになりましたが、
ユーザーの設定画面で、横幅を制限して縮小させるか、縮小せずにそのまま表示するかを選べるようにしました。

Why

従来通りの見た目が良いというユーザーが一定数存在するため

Additional info (optional)

https://kasei.ski/notes/9mebe4h6ba 動作の様子
https://dev.kasei.ski/ にて動作確認できます

Checklist

  • Read the contribution guide
  • Test working in a local environment
  • (If needed) Add story of storybook
  • (If needed) Update CHANGELOG.md
  • (If possible) Add tests

@github-actions github-actions bot added the packages/frontend Client side specific issue/PR label Nov 23, 2023
Copy link

codecov bot commented Nov 23, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (83ea039) 78.78% compared to head (c6e694d) 78.73%.
Report is 30 commits behind head on develop.

Additional details and impacted files
@@             Coverage Diff             @@
##           develop   #12416      +/-   ##
===========================================
- Coverage    78.78%   78.73%   -0.05%     
===========================================
  Files          945      947       +2     
  Lines       102164   102897     +733     
  Branches      8262     8289      +27     
===========================================
+ Hits         80488    81020     +532     
- Misses       21676    21877     +201     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Contributor

@kakkokari-gtyih kakkokari-gtyih left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

翻訳はCrowdin経由で行わないと不具合が発生しますのでja-JP.ymlのみ編集を加えてください🙏

@camilla-ett camilla-ett marked this pull request as ready for review November 23, 2023 05:45
@camilla-ett
Copy link
Contributor Author

翻訳はCrowdin経由で行わないと不具合が発生しますのでja-JP.ymlのみ編集を加えてください🙏

ご指摘ありがとうございます。修正いたしました 🙏

@@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:class="[$style.root, { [$style.reacted]: note.myReaction == reaction, [$style.canToggle]: canToggle, [$style.small]: defaultStore.state.reactionsDisplaySize === 'small', [$style.large]: defaultStore.state.reactionsDisplaySize === 'large' }]"
@click="toggleReaction()"
>
<MkReactionIcon :class="$style.icon" :reaction="reaction" :emojiUrl="note.reactionEmojis[reaction.substring(1, reaction.length - 1)]"/>
<MkReactionIcon :class="defaultStore.state.limitWidthOfReaction ? $style.icon : ''" :reaction="reaction" :emojiUrl="note.reactionEmojis[reaction.substring(1, reaction.length - 1)]"/>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

クラス名を limitWidth とかに変えた方がわかりやすそう

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

元々の実装を使いましたが、変えてよければ変えてしまいますね!

@syuilo syuilo merged commit 30b443d into misskey-dev:develop Nov 23, 2023
15 checks passed
@syuilo
Copy link
Member

syuilo commented Nov 23, 2023

👍

@camilla-ett camilla-ett deleted the enhance_frontend_reaction_size branch November 24, 2023 00:54
anatawa12 pushed a commit to anatawa12/misskey that referenced this pull request Nov 27, 2023
* feat(frontend): リアクションの横幅を150pxに制限するかどうかユーザーが選べるように

* localesの変更をjs-JP.ymlのみに修正し、日本語をより分かりやすく

* クラス名を.icon から .limitWidthに変更
@anatawa12 anatawa12 mentioned this pull request Nov 27, 2023
5 tasks
@syuilo
Copy link
Member

syuilo commented Dec 22, 2023

CHANGELKOG要りそう

camilla-ett added a commit to kaseiski/misskey that referenced this pull request Jan 2, 2024
* feat(frontend): リアクションの横幅を150pxに制限するかどうかユーザーが選べるように

* localesの変更をjs-JP.ymlのみに修正し、日本語をより分かりやすく

* クラス名を.icon から .limitWidthに変更
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
packages/frontend Client side specific issue/PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants