Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Have an option to display an SVG play icon for cards that open video modals

Abierto
#717 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 12 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
css, scss
Área
design, frontend

Línea de trabajo

Comienza revisando el componente de tarjeta y el diseño de Firefox de referencia para entender cómo se gestionan actualmente las tarjetas de vídeo y los iconos de reproducción. Define el comportamiento y el estilo estandarizados de las tarjetas y, después, verifica que las tarjetas que abren modales de vídeo muestren el icono previsto de forma coherente.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Design 🎨
Please describe the use case(s) for this component

We often allow for cards to open a video modal. We usually either:

  1. Have the thumbnail include a play icon or
  2. Add a bit of CSS to display an SVG play icon.
Please describe the change you wish to see

It would be great for Protocol to have a method for displaying a video play icon for videos that is standardized.

Please describe why these changes need to be made
  1. We often (always?) have cards with videos
  2. This would allow us to handle this in contentful
Please provide any designs or prototypes of the proposed changes

https://www.mozilla.org/en-US/firefox/features/tips/

See how play icons are handled in the cards in the link above

Lenguaje dominante
SCSS
Estrellas
298
Forks
83
Merge medio
10 d 18 h
PR fusionados (30 d)
22

Preparar el entorno

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de mozilla/protocol

Todos los issues de mozilla/protocol

Issues similares

Más issues de Design

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.