feat(frontend): サーバーの表示をアイコンのみに切り替えられるように #14822
Conversation
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## develop #14822 +/- ##
============================================
- Coverage 39.50% 19.24% -20.27%
============================================
Files 1558 726 -832
Lines 196886 103508 -93378
Branches 3629 995 -2634
============================================
- Hits 77788 19916 -57872
+ Misses 118493 83038 -35455
+ Partials 605 554 -51 ☔ View full report in Codecov by Sentry. |
| @@ -47,10 +47,10 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| </div> | |||
| <article v-else :class="$style.article" @contextmenu.stop="onContextmenu"> | |||
| <div v-if="appearNote.channel" :class="$style.colorBar" :style="{ background: appearNote.channel.color }"></div> | |||
| <MkAvatar :class="$style.avatar" :user="appearNote.user" :link="!mock" :preview="!mock"/> | |||
| <MkAvatar :class="$style.avatar" :user="appearNote.user" :link="!mock" :preview="!mock" :showInstance="!!showInstanceIcon && !!showTicker"/> | |||
There was a problem hiding this comment.
実装しているときにエラーが出ていたのでそのように記述したのですが、どのようなエラーが発生していたか忘れてしまいました...
|
インスタンスアイコンに透過がかかっている理由はどういったものですか？（アイコンとサーバーアイコンが同系色の場合に重なってインスタンスアイコンが見えなくなりそう） |
|
ユーザーアイコンがサーバーアイコンで隠れてしまわないようにしました |
一応ではありますが、サーバーアイコンの背景に--MI_THEME-panelを差し込むようにしています |
|
別のスイッチとして持たせるのではなく、サーバーのバナー表示のメニューと統合させるので良さそう |
表示しないリモートユーザーに表示リモートユーザーに表示(アイコンのみ)常に表示常に表示(アイコンのみ)のような感じでしょうか？ |
What
GTLやSTLでのリモートユーザーのインスタンスをロゴのみの表示に切り替え可能にしました。
GTL上ではこのように表示される。
従来の表示よりTLが見やすくなり、リモートユーザーとローカルユーザーをアイコンで
見分けられる。
従来の表示が望まれる場合を考慮し、切り替えできるように実装
ノートのサーバー情報にて、表示しないを選択している場合はトグルを非表示に
前回のPRからの変更点
・instanceIconをMkAvatarに含めることで、ユーザーアイコンのクリック可能な領域を減らしてしまう問題を改善
Why
TLの見やすさ向上のため
Fix #13623
Fix #14141
Additional info (optional)
特になし
Checklist