contentlayerdev / contentlayerdev/website

[🐛 BUG ] Search Modal is getting overlapped by Sticky Nav

Đang mở
#110 3 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
132
Fork
57
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

### Hi team! 👋 David here

Found this error on the docs page 🐛

So usually when you click on the Search bar or use `Ctrl+K` or `Cmd+k` you'll see something like this ⬇️

![image](https://github.com/contentlayerdev/website/assets/57787993/5eacee89-2b94-4476-aff3-a773f47edfce)

But, when you scroll just a little bit down to read the documentation and do the same thing, the Sticky Nav which indicates the current docs section where you currently are overlaps the Search Modal like this

![image](https://github.com/contentlayerdev/website/assets/57787993/3466e626-791a-4acb-97c9-93cbffa8ec6b)

### Expected behavior
I would expect to see something similar as the first image like this

![image](https://github.com/contentlayerdev/website/assets/57787993/bd159760-d241-493c-9006-794b559be8a8)

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

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Reproduce the issue on the documentation page by scrolling, then opening Search with the search bar or Ctrl+K/Cmd+K. Inspect the Search Modal and Sticky Nav entry points and their layering; done means the modal fully covers the nav and remains usable after scrolling.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
typescript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

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.