Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs CSS Issue. Text get hidden #2943

Closed
kothariji opened this issue Nov 14, 2021 · 0 comments
Closed

Docs CSS Issue. Text get hidden #2943

kothariji opened this issue Nov 14, 2021 · 0 comments

Comments

@kothariji
Copy link

Describe the bug
There is width issue in Right Sidebar Layout of Docs. The text gets hidden, and the horizontal scroll bar is at the bottom of the page (so its hardly visible, until a user scrolls to bottom of page.) Also I find out that its just a matter of 25 px.

Screenshots of API Reference Section

https://react-query.tanstack.com/reference/QueryClient
image

https://react-query.tanstack.com/reference/onlineManager
image

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'React-Query Reference'
  2. Check the right side bar
  3. See li like queryClient.prefetchInfiniteQuery
  4. See error

Expected behavior
We can prevent this behavior by increasing the width by 25 px

Before

image

After modifying width to 225 px

image

Solution - Changing width to 225 px helps prevent this horizontal scroll from Entire API reference Section.

Also please let me know if I can work on this issue 🙏
Thank You

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants