javascript-tutorial / javascript-tutorial/en.javascript.info

Page styling

Ouverte
#3,041 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

First off: 100 and 1 thanks for the awesome work.

Some thoughts on the page rendering.

  1. Show visited links in a different color.
    a. It helps navigation, memory re-calls etc.
  2. Keep site toolbar visible at all times.
    a. One have a quick link to the front-page without having to scroll to top.
    b. The search is readily available.
  3. Display list items on front page as block
    a. As it is now items overflowing get a quirked rendering by one list item being "appended" to the next column and partially overlay the next item. I.e. like pt 3.2 here:
    image
    (I have custom color on visited links in image)
    With custom CSS forcing block view:
    image

I use a custom style-sheet with Stylus to fix this but some of it might be worth a thought for general design / options.

a:visited {
    color: #955;
}
.frontpage-content .list-sub__item {
    display: block;
}
.sitetoolbar {
	position: sticky;
	top: 0;
}

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

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 par localiser les styles de .frontpage-content .list-sub__item, .sitetoolbar et les états des liens. Examinez le rendu de la page d’accueil pour vérifier le comportement demandé : les liens visités ont une couleur distincte, la barre d’outils reste visible et les éléments de liste ne se chevauchent plus et ne s’écoulent plus incorrectement entre les colonnes.

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é
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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