fix(scrollbar): use $custom-scrollbar var in table wrapper

[rolandjitsu]

It looks like the use of $custom-scrollbar was omitted for the table wrapper. This results in a small visual bug on macOS 11.6/Chrome 99.0.

Before (notice the small white rectangle at the bottom right):

After:

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @HEIGE-PCloud on Vercel.

@HEIGE-PCloud first needs to authorize it.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/pcloud/do-it/H11E8hjECejqFSyDMYMmzwUzhhog
✅ Preview: https://do-it-git-fork-rolandjitsu-main-pcloud.vercel.app

[HEIGE-PCloud]

The white box still exists when there are both x-overflow and y-overflow.

See https://do-it-git-fork-rolandjitsu-main-pcloud.vercel.app/theme-documentation-basics/#site-configuration

I found a possible solution:

https://stackoverflow.com/questions/35968553/webkit-scrollbar-css-always-a-white-box-in-corner

Maybe adding a ::-webkit-scrollbar-corner {background-color: $some_color;} will help?

[rolandjitsu]

@HEIGE-PCloud ah, ok. I was using custom scroll bar set to false. So it was gone. Yes, that makes sense. Let me add that.

[HEIGE-PCloud]

Sorry for the delay, it looks good to me now! Thanks! 😸

[rolandjitsu]

Sorry for the delay, it looks good to me now! Thanks! 😸

No worries. Thanks!