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

[graphql-playground-electron] beautify the scroll bar #726

Closed
Lizhooh opened this issue Jun 7, 2018 · 5 comments
Closed

[graphql-playground-electron] beautify the scroll bar #726

Lizhooh opened this issue Jun 7, 2018 · 5 comments

Comments

@Lizhooh
Copy link

Lizhooh commented Jun 7, 2018

This issue pertains to the following package(s):

  • GraphQL Playground - Electron App

What OS and OS version are you experiencing the issue(s) on?

win7

What version of graphql-playground(-electron/-middleware) are you experiencing the issue(s) on?

v1.6.0

What is the expected behavior?

Win7's default scroll bar does not look good, I hope to beautify the scroll bar style.

@huv1k
Copy link
Collaborator

huv1k commented Jun 7, 2018

Can you please provide a screenshot? :)

@Lizhooh
Copy link
Author

Lizhooh commented Jun 7, 2018

@HuVik Hi,

  1. The scroll bar is displayed when the contents of the container are not full, and the display is inconsistent. You can use overflow-y: auto to fix.

20180607204347

  1. On the right is the effect of opening the developer tools to try to beautify the scroll bar.(use ::-webkit-scrollbar)

20180607205121

@huv1k
Copy link
Collaborator

huv1k commented Jun 7, 2018

@Lizhooh Can you make please PR for it? :) It would help a lot <3

@Lizhooh
Copy link
Author

Lizhooh commented Jun 7, 2018

@HuVik I try to submit a PR for this, please wait.

@corstian
Copy link

corstian commented Jul 4, 2018

While you're at it, did you take a look at the horizontal scrollbar for the tabs, too? That's a real monstrosity ;)

image

huv1k added a commit that referenced this issue Jul 14, 2018
cgxxv pushed a commit to cgxxv/graphql-playground that referenced this issue Mar 25, 2022
* Update scrollbars: Fixes graphql#710, Fixes graphql#726, Fixes graphql#690

* Scroll for execute options: Fixes graphql#774

* Fix inconsistency: Fixes graphql#343

* Fix scrolling in hints: Fixes graphql#595

* Fix tabs scroll: Fixes graphql#776
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

3 participants