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

Add horizontal scrollbar to datagrid views (#4006)

Browse source 
* Add scrollbar

* Add changeset

* Add overflow-y: hidden to prevent scrolling to ghost row
This commit is contained in:
Michał Droń 2023-07-27 13:27:47 +02:00 committed by GitHub
parent be6adb28d5
commit 753b9f0c36
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/strange-flies-complain.md Normal file
View file

@ -0,0 +1,5 @@
---
"saleor-dashboard": patch
---
Add horizontal scrollbar on datagrid

6
src/components/Datagrid/styles.ts
View file

@ -91,15 +91,11 @@ const useStyles = makeStyles<{ actionButtonPosition?: "left" | "right" }>(
datagrid: { datagrid: {
"& .dvn-scroller": { "& .dvn-scroller": {
overscrollBehaviorX: "none", overscrollBehaviorX: "none",
scrollbarWidth: "none", overflowY: "hidden",
},
"& .dvn-scroller::-webkit-scrollbar": {
display: "none",
}, },
borderRadius: 0, borderRadius: 0,
boxSizing: "content-box", boxSizing: "content-box",
width: "100%", width: "100%",
paddingBottom: "1px",
}, },
root: { root: {
position: "relative", position: "relative",