awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4298 from Infisical/secret-overview-table-scroll

Browse Source 
improvement(frontend): make secret overview table header sticky, add underlines to env header links and limit table height for scroll
This commit is contained in:
Scott Wilson
2025-08-05 09:04:33 -07:00
committed by GitHub
parent c188e7cd2b 1898c16f1b
commit 35055955e2
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
View File

@@ -1207,13 +1207,16 @@ export const OverviewPage = () => {
secretsToDeleteKeys={secretsToDeleteKeys}
usedBySecretSyncs={usedBySecretSyncs}
/>
<div ref={tableRef} className="thin-scrollbar mt-4">
<div ref={tableRef} className="mt-4">
<TableContainer
onScroll={(e) => setScrollOffset(e.currentTarget.scrollLeft)}
className="thin-scrollbar rounded-b-none"
className="thin-scrollbar max-h-[66vh] overflow-y-auto rounded-b-none"
>
<Table>
<THead style={{ height: collapseEnvironments ? headerHeight : undefined }}>
<THead
className="sticky top-0 z-20"
style={{ height: collapseEnvironments ? headerHeight : undefined }}
>
<Tr
className="sticky top-0 z-20 border-0"
style={{ height: collapseEnvironments ? headerHeight : undefined }}
@@ -1370,7 +1373,7 @@ export const OverviewPage = () => {
})}
onClick={() => handleExploreEnvClick(slug)}
>
<p className="truncate font-medium">{name}</p>
<p className="truncate font-medium underline">{name}</p>
</button>
{!collapseEnvironments && missingKeyCount > 0 && (
<Tooltip