djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix scrolling issues on Firefox (#3332)

Browse source
This commit is contained in:
Krzysztof Żuraw 2023-03-13 10:36:04 +01:00 committed by GitHub
parent 4a25c1ba81
commit 9b4fb2d553
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/GraphiQL/GraphiQL.tsx
View file

@ -241,7 +241,7 @@ export function GraphiQLInterface(props: GraphiQLInterfaceProps) {
</div> </div>
<div className="graphiql-sidebar-section"></div> <div className="graphiql-sidebar-section"></div>
</div> </div>
<div className="graphiql-main"> <div className={clsx("graphiql-main", classes.main)}>
<div <div
ref={pluginResize.firstRef} ref={pluginResize.firstRef}
style={{ style={{

3
src/components/GraphiQL/styles.ts
View file

@ -11,6 +11,9 @@ export const useStyles = makeStyles(
pre: { pre: {
whiteSpace: "break-spaces", whiteSpace: "break-spaces",
}, },
main: {
position: "relative",
},
scrollable: { scrollable: {
// Overrides inline styling which breaks scroll // Overrides inline styling which breaks scroll
// on doc explorer plugin // on doc explorer plugin

4
src/index.css
View file

@ -17,6 +17,10 @@ body {
display: none; display: none;
} }
.hide-scrollbar {
scrollbar-width: none;
}
.ellipsis { .ellipsis {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;