Avatar colored background code example
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- angular, typescript
調査の方向性
サンプルアプリと issue に示されているアバターテンプレートから始め、リンク先のアクセシブルな色に関するリファレンスを確認します。サンプルアプリで動的に色付けされたアバターの背景が示され、その使用方法をコード例ガイドに記載できれば、作業は完了です。
索引モデルが issue の本文から書いたものです。
説明
Add this to sample app, and create a code example guide:
Avatar: If possible, add a random color for the avatar’s bg. You can find 16 accessible colors here.
Implementation idea: create a custom avatar that users the default avatar component but sets background color dynamically
<ng-template
#avatarTemplate
let-name="name"
let-imageUrl="imageUrl"
let-size="size"
let-user="user"
let-channel="channel"
>
<stream-avatar
style="--str-chat__avatar-background-color: customColor"
[name]="name"
[imageUrl]="imageUrl"
[size]="size"
[user]="user"
[channel]="channel"
></stream-avatar>
</ng-template>
- 主要言語
- TypeScript
- スター
- 67
- フォーク
- 34
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
GetStream/stream-chat-angular のほかの issue
-
難易度 3/5 1〜2日 初心者へのやさしさ 38/100
GetStream/stream-chat-angular#711 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
GetStream/stream-chat-angular#663 · コメント 2 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 20/100
GetStream/stream-chat-angular#656 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
GetStream/stream-chat-angular#655 · コメント 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
GetStream/stream-chat-angular#630 · コメント 1 件 ·
GetStream/stream-chat-angular の issue をすべて見る
似ている issue
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
Crush オープン
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md オープン
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
ElementsProject/cln-application#167 · コメント 1 件 · リアクション 1 件 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
Quantco/pnpm-licenses#17 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100