freeCodeCamp / freeCodeCamp/devdocs

Improve sidebar styling

Đang mở
#668 3 bình luận 7 reaction 0 người được giao Xem trên GitHub
improvement
Ngôn ngữ chính
Ruby
Star
39.5k
Fork
2.6k
Merge trung bình
4 ngày 32 phút
Pull request đã merge (30 ngày)
13

Mô tả

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)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.