javascriptecuador / javascriptecuador/web

[MEJORA] Cambiar los colores de los botones. Sección Comunidad

Abierto
#84 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

enhancement
Lenguaje dominante
JavaScript
Estrellas
24
Forks
22
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

**Tarea a realizar**
En página Home, en la sección Comunidad actualmente hay tres botones:
- Conocer a la comunidad
- Como ayudar?
- Código de Conducta

La mejora a realizar consiste en cambiar la presentación colorista de los mismos. Tanto los estilos base como los estilos en `hover` de cada botón.

**¿Por qué se realizará?**
El color amarillo no permite visualizar con claridad el titulo de cada botón. En pantallas con brillo alto o intensidad muy fuerte no se visualizará con claridad.

**Recomendaciones**
Actualmente los botones se ven así.
![image](https://user-images.githubusercontent.com/20387293/111241791-d1399800-85cb-11eb-88d4-cb614f8514dd.png)
La sugerencia consiste en aplicar colores más oscuros en los estilos base del botón y mantener el color sólido del titulo en `hover`.
![chrome-capture](https://user-images.githubusercontent.com/20387293/111242058-62a90a00-85cc-11eb-9cc5-1ae900aa0378.gif)
Para aplicar esta mejora del código css en `src\components\UI\button\button.module.css`. Se deben reescribir los estilos predeterminados del core css.
```css
.button--secondary {
color: #f7e018;
background-color: transparent;
border-color: #f7e018;
}

.button--secondary:hover {
color: #737373;
background-color: #f7e018;
border-color: #f7e018;
}
```

Guía de contribución

Abrir la 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.

Línea de trabajo

Abre src/components/UI/button/button.module.css e inspecciona los estilos predeterminados y de hover de los tres botones de Community en la página Home. Actualiza los colores de los botones para que las etiquetas sigan siendo legibles, con colores base más oscuros y un color de título sólido al pasar el cursor, tal como se describe. Se considera terminado cuando los tres botones coinciden con la presentación sugerida en ambos estados.

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

Evaluación

Stack tecnológico
css
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
48/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.