Skip to content

Commit 54d37eb

Browse files
v6: Fix doc explorer search popover shadow in light theme (#4417)
## Summary The doc explorer's search input and results popover had their shadow hardcoded to `0 4px 12px oklch(0% 0 0 / 0.3)`. That's the dark-theme value of `--shadow-popover`, pasted in as a literal instead of a reference, and it's missing the token's second, subtler shadow layer too. Every other popover in the app (dialog, dropdown, tooltip) reads `var(--shadow-popover)` and re-themes on its own, so in light theme this one was casting a shadow roughly four times heavier than its siblings. Both spots now read the token directly. ## Test plan - [x] Switch to light theme, open the doc explorer, and focus the search box. The active-state input and the results popover both cast a soft, light-appropriate shadow, not a heavy dark one. - [x] Switch to dark theme and confirm the search popover shadow still matches other popovers (dialog, dropdown, tooltip). Refs: #4219
1 parent 340d33d commit 54d37eb

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

  • packages/graphiql-plugin-doc-explorer/src/components

packages/graphiql-plugin-doc-explorer/src/components/search.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
& .graphiql-doc-explorer-search-input {
88
background: oklch(var(--bg-canvas));
99
border: 1px solid oklch(var(--border-default));
10-
box-shadow: 0 4px 12px oklch(0% 0 0 / 0.3);
10+
box-shadow: var(--shadow-popover);
1111
}
1212
}
1313
}
@@ -46,7 +46,7 @@
4646
background-color: oklch(var(--bg-canvas));
4747
border: 1px solid oklch(var(--border-default));
4848
border-radius: var(--border-radius-4);
49-
box-shadow: 0 4px 12px oklch(0% 0 0 / 0.3);
49+
box-shadow: var(--shadow-popover);
5050
max-height: 400px;
5151
overflow-y: auto;
5252
margin: 0;

0 commit comments

Comments
 (0)