javascriptecuador / javascriptecuador/web

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

Aperta
#84 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

enhancement
Lingua principale
JavaScript
Stelle
24
Fork
22
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

**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;
}
```

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Apri src/components/UI/button/button.module.css e controlla gli stili predefiniti e hover dei tre pulsanti Community nella pagina Home. Aggiorna i colori dei pulsanti in modo che le etichette rimangano leggibili, con colori di base più scuri e un colore del titolo uniforme al passaggio del mouse, come descritto. Il lavoro è completato quando i tre pulsanti corrispondono alla presentazione suggerita in entrambi gli stati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
css
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
1/5
Tempo stimato
Meno di un'ora
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
48/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.