reactjs / reactjs/react.dev

Weird max-width for home page code example headings.

Ouverte
#1,699 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

Is there a reason for max-width: 11em in the home page code headings? (this line: https://github.com/reactjs/reactjs.org/blob/master/src/components/CodeExample/CodeExample.js#L44)

"A Component Using External Plugins" is cut off into two lines when it doesn't need to be:

screen shot 2019-02-16 at 7 06 33 pm

Especially when translated into more verbose languages, this ends up looking weird. See examples in Spanish

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

Commencez à la ligne 44 de src/components/CodeExample/CodeExample.js et examinez pourquoi le titre de l’exemple de code de la page d’accueil a max-width: 11em. Comparez les exemples en anglais et en espagnol présentés dans l’issue. Le travail est terminé lorsque les titres ne passent plus inutilement à la ligne, y compris dans les traductions plus verbeuses.

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

Évaluation

Stack technique
javascript, react
Domaine
documentation, frontend
Type d'issue
Bug
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

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