hasura/graphql-engine
1
0
Fork 0
mirror of https://github.com/hasura/graphql-engine.git synced 2024-12-14 17:02:49 +03:00
Code Issues Projects Releases Wiki Activity

console: fix sticky header for table browse rows

Browse Source 
PR-URL: https://github.com/hasura/graphql-engine-mono/pull/9766
GitOrigin-RevId: 3fed2d628a3b5ce18f8e91edd6550cdd6d92c929
This commit is contained in:
Nicolas Inchauspe 2023-07-07 14:43:21 +02:00 committed by hasura-bot
parent 9cbd29a987
commit 2bc882ebc9
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/libs/console/legacy-ce/src/lib/components/Common/TableCommon/ReactTableOverrides.css
View File

@ -14,12 +14,16 @@
}
.ReactTable .pagination-top {
top: -20px;
top: 0;
position: sticky;
background-color: #f8fafb;
z-index: 1;
}
.table-browse-rows-container .ReactTable .pagination-top {
top: -20px;
}
.ReactTable .rt-noData {
padding: 0;
top: 105px;
@ -51,10 +55,13 @@
box-shadow: none;
min-height: 32px;
position: sticky;
top: 40px;
z-index: 1;
}
.table-browse-rows-container .ReactTable .rt-thead.-header {
top: 38px;
}
.ReactTable .-pagination {
box-shadow: none;
border: none;

2
frontend/libs/console/legacy-ce/src/lib/components/Services/Data/TableBrowseRows/TableBrowseRowsContainer.tsx
View File

@ -208,7 +208,7 @@ export const TableBrowseRowsContainer = (
dispatch(vSetDefaults(newLimit));
return (
<div className="bootstrap-jail">
<div className="bootstrap-jail table-browse-rows-container">
<RightContainer>
<TableHeader
count={isCountEstimated ? estimatedCount : count}