graphiql icon indicating copy to clipboard operation
graphiql copied to clipboard

style: improve scrollbar styling on the query editor

Open TPXP opened this issue 1 year ago • 3 comments

This changes makes scrollbars in the graphiql editor transparent, so that they look better integrated in the interface

Before After
Capture d’écran 2024-05-20 à 12 47 42 Capture d’écran 2024-05-20 à 12 47 37

Scrollbars are transparent, so they look nice in light mode as well Capture d’écran 2024-05-20 à 12 50 02

I tested this on MacOS in Chrome, Firefox and Safari

Inspired by https://github.com/codemirror/codemirror5/pull/6882 as well

TPXP avatar May 20 '24 10:05 TPXP

🦋 Changeset detected

Latest commit: 0926501c820b070b9d7e921bfa7f0430b52a18dc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@graphiql/react Patch
graphiql Patch
@graphiql/plugin-code-exporter Patch
@graphiql/plugin-explorer Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar May 20 '24 10:05 changeset-bot[bot]

CLA Signed

The committers listed above are authorized under a signed CLA.

  • :white_check_mark: login: TPXP / name: Thomas P. (0926501c820b070b9d7e921bfa7f0430b52a18dc)

@TPXP beautiful, thank you!

acao avatar May 28 '24 07:05 acao