javascriptecuador / javascriptecuador/web

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

Ouverte
#84 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

enhancement
Langage dominant
JavaScript
Étoiles
24
Forks
22
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Ouvrez src/components/UI/button/button.module.css et examinez les styles par défaut et au survol des trois boutons Community sur la page Home. Mettez à jour les couleurs des boutons afin que les libellés restent lisibles, avec des couleurs de base plus foncées et une couleur de titre unie au survol, comme décrit. C'est terminé lorsque les trois boutons correspondent à la présentation suggérée dans les deux états.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
css
Domaine
design, frontend
Type d'issue
Fonctionnalité
Difficulté
1/5
Temps estimé
Moins d'une heure
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
48/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.