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

Page styling

Abierto
#3,041 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
HTML
Estrellas
25.5k
Forks
4k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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

Comienza localizando los estilos de .frontpage-content .list-sub__item, .sitetoolbar y los estados de los enlaces. Revisa el renderizado de la página principal para verificar el comportamiento solicitado: los enlaces visitados tienen un color distintivo, la barra de herramientas permanece visible y los elementos de la lista ya no se superponen ni fluyen incorrectamente entre columnas.

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
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.