Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: graphql/graphiql
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 4f979233c59e8e4e57c59bc944e5b07e8620a166
Choose a base ref
..
head repository: graphql/graphiql
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 0926501c820b070b9d7e921bfa7f0430b52a18dc
Choose a head ref
Showing with 12 additions and 8 deletions.
  1. +12 −8 packages/graphiql-react/src/style/root.css
20 changes: 12 additions & 8 deletions packages/graphiql-react/src/style/root.css
Original file line number Diff line number Diff line change
@@ -149,7 +149,8 @@ body.graphiql-dark [data-radix-popper-content-wrapper] {

/* Transparent scrollbars, without backgrounds */
.graphiql-container .CodeMirror-hscrollbar,
.graphiql-container .CodeMirror-vscrollbar {
.graphiql-container .CodeMirror-vscrollbar,
.graphiql-container .graphiql-plugin {
scrollbar-color: #88888888 transparent;
}

@@ -162,15 +163,18 @@ body.graphiql-dark [data-radix-popper-content-wrapper] {
/* Safari scrollbars */
.graphiql-container .CodeMirror-hscrollbar::-webkit-scrollbar-track,
.graphiql-container .CodeMirror-vscrollbar::-webkit-scrollbar-track,
.graphiql-container .graphiql-plugin::-webkit-scrollbar-track,
.graphiql-container .CodeMirror-hscrollbar::-webkit-scrollbar,
.graphiql-container .CodeMirror-vscrollbar::-webkit-scrollbar{
background-color: transparent;
.graphiql-container .CodeMirror-vscrollbar::-webkit-scrollbar,
.graphiql-container .graphiql-plugin::-webkit-scrollbar {
background-color: transparent;
}

.graphiql-container .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
.graphiql-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
border-radius: 99px;
padding: 3px;
box-shadow: inset 0 0 99px 99px #88888888;
border: solid 3px transparent;
.graphiql-container .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.graphiql-container .graphiql-plugin::-webkit-scrollbar-thumb {
border-radius: 99px;
padding: 3px;
box-shadow: inset 0 0 99px 99px #88888888;
border: solid 3px transparent;
}