fix table row scrolling as well

danilo-leal · Oct 16, 2023 · 2807849 · 2807849
1 parent 0b95aee
commit 2807849
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/docs/src/modules/components/ApiPage/table/CSSTable.tsx b/docs/src/modules/components/ApiPage/table/CSSTable.tsx
@@ -17,6 +17,7 @@ const StyledTable = styled('table')(
       fontSize: theme.typography.pxToRem(14),
     },
     '& tr': {
+      scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
       '&:hover': {
         backgroundColor: alpha(darkTheme.palette.grey[50], 0.5),
       },

diff --git a/docs/src/modules/components/ApiPage/table/ClassesTable.tsx b/docs/src/modules/components/ApiPage/table/ClassesTable.tsx
@@ -20,6 +20,7 @@ const StyledTable = styled('table')(
       fontSize: theme.typography.pxToRem(14),
     },
     '& tr': {
+      scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
       '&:hover': {
         backgroundColor: alpha(darkTheme.palette.grey[50], 0.5),
       },

diff --git a/docs/src/modules/components/ApiPage/table/PropertiesTable.tsx b/docs/src/modules/components/ApiPage/table/PropertiesTable.tsx
@@ -21,6 +21,7 @@ const StyledTable = styled('table')(
       fontSize: theme.typography.pxToRem(14),
     },
     '& tr': {
+      scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
       '&:hover': {
         backgroundColor: alpha(darkTheme.palette.grey[50], 0.5),
       },

diff --git a/docs/src/modules/components/ApiPage/table/SlotsTable.tsx b/docs/src/modules/components/ApiPage/table/SlotsTable.tsx
@@ -17,6 +17,7 @@ const StyledTable = styled('table')(
       fontSize: theme.typography.pxToRem(14),
     },
     '& tr': {
+      scrollMarginTop: 'calc(var(--MuiDocs-header-height) + 32px)',
       '&:hover': {
         backgroundColor: alpha(darkTheme.palette.grey[50], 0.5),
       },