callstack / callstack/react-native-paper
Docs: Icon search in dark theme
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
### Current behaviour
While searching in the docs for an Icon using dark theme the text input displays whiteish text on white background (css overwrites dark theme).
### Expected behaviour
While searching in the docs for an Icon using dark theme the text input should display whiteish text on a dark background.
### How to reproduce?
Turn on dark mode, go to https://callstack.github.io/react-native-paper/docs/guides/icons/#1-an-icon-name.
At the end of the paragraph open the collapsible list ("See the list of supported icons") and type (i.e. "bug") in the provided text input - the written text is invisible.
### Preview
Currently live in the docs.
### What have you tried so far?
Manually switching off in inspect mode property `background-color: #f0f0f0;` in `.icons-list-searchbar` seems to work properly.
### Your Environment
| software | version
| --------------------- | -------
| firefox | 144.0 (64-bit)
| chromium | 141.0.7390.54 (Official Build)
Hướng dẫn đóng góp
Hướng nghiên cứu
Search the documentation source for the `.icons-list-searchbar` selector and the icon guide referenced in the issue. Reproduce the search in dark mode, then inspect the selector's theme styling and verify that typed text remains readable on a dark background in the collapsible icon list.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- css, react-native
- Lĩnh vực
- design, documentation, 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
- Đặc tả rõ ràng
- Mức phù hợp với người mới
- 45/100