Avatar colored background code example
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- angular, typescript
- Área
- documentation, frontend
Línea de trabajo
Comienza con la aplicación de ejemplo y la plantilla de avatar mostrada en el issue; después, revisa la referencia enlazada sobre colores accesibles. El trabajo estará completo cuando la aplicación de ejemplo demuestre un fondo de avatar coloreado dinámicamente y una guía de ejemplos de código documente ese uso.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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>
- Lenguaje dominante
- TypeScript
- Estrellas
- 67
- Forks
- 34
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de GetStream/stream-chat-angular
-
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
GetStream/stream-chat-angular#711 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
GetStream/stream-chat-angular#663 · 2 comentarios ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 20/100
GetStream/stream-chat-angular#656 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
GetStream/stream-chat-angular#655 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
GetStream/stream-chat-angular#630 · 1 comentario ·
Todos los issues de GetStream/stream-chat-angular
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
rohitg00/agentmemory#1428 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
boxlite-ai/boxlite#1729 ·
Los mantenedores suelen responder en 1 día
-
Detect Deno tasks from deno.jsonAbiertodetectors enhancement good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
SM260845/readme-gen#1 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
angular/angularfire#3774 ·
Los mantenedores suelen responder en 2 días