final-form / final-form/react-final-form

Remove weird scroll bar on documentation website

Open
#801 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.4k
Forks
497
PR merge metrics
No merged PRs in 30d

Description

### Are you submitting a **bug report** or a **feature request**?

I wanted to contribute on the documentation global CSS, but I did not found where it is 🤔

The purpose was to remove the weird horizontal scroll bars:

![image](https://user-images.githubusercontent.com/1398469/83028491-cfe5b180-a031-11ea-86dc-864294bdc070.png)

I founded that you use `styled-component` for the documentation website, but I did not found the components anywhere.
If you can guide me, I will open a PR on that.

If not, the following changes should be applied to remove those scrollbars

left bar (`div` with classes `sc-eqIVtm kRufpp sc-fBuWsC frLjbI`)
```diff
+ overflow-x: hidden;
```

right bar (`ul` with classes `sc-hzDkRC kpsoyz sc-Rmtcm dzELat`)
```diff
- flex: 0 0 240px;
+ flex: 0 1 240px;
```

Thanks

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.