freeCodeCamp / freeCodeCamp/devdocs
Improve sidebar styling
- 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
--- | ---
 | 
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