freeCodeCamp / freeCodeCamp/devdocs

Improve sidebar styling

Abierto
#668 3 comentarios 7 reacciones 0 asignados Ver en GitHub
improvement
Lenguaje dominante
Ruby
Estrellas
39.5k
Forks
2.6k
Merge medio
4 d 32 min
PR fusionados (30 d)
13

Descripción

I feel like the sidebar could give mouse users better feedback with some cursor changes and hover color. Here's what I propose:

* Remove `__.list-item`'s `cursor: default` [(this line)](https://github.com/Thibaut/devdocs/blob/437eb8dd542e2a26b72a90ff723ead51aa719a9b/assets/stylesheets/components/_sidebar.scss#L112) to set it back to `auto` (which will be `cursor: pointer` on most browsers). Currently only the arrow provides feedback that the element is clickable.
* Add a `:hover` background color for `.list_item`:
```scss
.__list-item:hover {
background-color: #e3e3e3;
}
```

Current | New
--- | ---
![](https://i.imgur.com/XE8RZyI.gif) | ![](https://i.imgur.com/DRTaHTb.gif)

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Start in assets/stylesheets/components/_sidebar.scss at the linked __.list-item cursor rule. Review the proposed cursor and hover background changes, then compare the sidebar's mouse feedback with the current and reference behavior shown in the issue. Done means clickable sidebar items provide the proposed cursor and hover color without affecting other styling.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
scss
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.