Skip to content

Docs CSS Issue. Text get hidden #2943

@kothariji

Description

@kothariji

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions