awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-05 15:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: make secret overview table header sticky, add underlines to env header links and limit table height for scroll

Browse Source
This commit is contained in:
Scott Wilson
2025-08-01 16:47:11 -07:00
parent 55e5360dd4
commit 1898c16f1b
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx
+7 -4
View File
@@ -1207,13 +1207,16 @@ export const OverviewPage = () => {
secretsToDeleteKeys={secretsToDeleteKeys} secretsToDeleteKeys={secretsToDeleteKeys}
usedBySecretSyncs={usedBySecretSyncs} usedBySecretSyncs={usedBySecretSyncs}
/> />
<div ref={tableRef} className="thin-scrollbar mt-4"> <div ref={tableRef} className="mt-4">
<TableContainer <TableContainer
onScroll={(e) => setScrollOffset(e.currentTarget.scrollLeft)} 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> <Table>
<THead style={{ height: collapseEnvironments ? headerHeight : undefined }}> <THead
className="sticky top-0 z-20"
style={{ height: collapseEnvironments ? headerHeight : undefined }}
>
<Tr <Tr
className="sticky top-0 z-20 border-0" className="sticky top-0 z-20 border-0"
style={{ height: collapseEnvironments ? headerHeight : undefined }} style={{ height: collapseEnvironments ? headerHeight : undefined }}
@@ -1370,7 +1373,7 @@ export const OverviewPage = () => {
})} })}
onClick={() => handleExploreEnvClick(slug)} onClick={() => handleExploreEnvClick(slug)}
> >
<p className="truncate font-medium">{name}</p> <p className="truncate font-medium underline">{name}</p>
</button> </button>
{!collapseEnvironments && missingKeyCount > 0 && ( {!collapseEnvironments && missingKeyCount > 0 && (
<Tooltip <Tooltip