Add loading state to volunteer-headshot component
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript
- Área
- frontend
Línea de trabajo
Localiza el componente volunteer-headshot e inspecciona cómo se renderizan su imagen, nombre y rol mientras los datos asíncronos están pendientes. Añade marcadores de posición de carga para las tres áreas y asegúrate de que el fondo de la imagen no permanezca gris después de cargar un PNG transparente; estará terminado cuando cada marcador de posición sea reemplazado por el contenido cargado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Problem
The volunteer-headshot should have some loading states for async data.
Subtasks
- Add a light gray background for the image as a placeholder, until loaded (keeping in mind that a user may have a transparent PNG, so the background shouldn't remain gray)
- Add a light gray rectangular area for the user's name as a placeholder, until loaded
- Add a light gray rectangular area for the user's role as a placeholder, until loaded
- Lenguaje dominante
- JavaScript
- Estrellas
- 120
- Forks
- 75
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
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 code-corps/code-corps-ember
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
code-corps/code-corps-ember#1616 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
code-corps/code-corps-ember#1613 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
code-corps/code-corps-ember#1612 ·
-
Difficulty: Medium Skill: ember-cli-page-object
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
code-corps/code-corps-ember#1063 · 1 reacción ·
-
greenkeeper
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
code-corps/code-corps-ember#1765 · 1 comentario ·
Todos los issues de code-corps/code-corps-ember
Issues similares
-
good first issue quality
Dificultad 1/5 Menos de una hora Aptitud para principiantes 86/100
StudentSuite/awesome-student-resources#554 ·
Los mantenedores suelen responder en 1 día
-
content good first issue
Dificultad 1/5 Menos de una hora Aptitud para principiantes 82/100
StudentSuite/awesome-skills-plugins-for-students#297 ·
Los mantenedores suelen responder en 1 día
-
Link Checker ReportAbiertoautomated issue report
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100