random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-05-28 19:25:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add refresh button to Mongo DB RU and adjust ellipsis so refresh button on single column container doesn't hide it (#2089)

Browse Source 
* Moved ellipsis to the left for single column containers

* Added refresh to MongoDB RU

* prettier run
This commit is contained in:
JustinKol 2025-03-27 13:44:22 -04:00 committed by GitHub
parent 257256f915
commit 8eb53674dc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/Explorer/Tabs/DocumentsTabV2/DocumentsTabV2.tsx
View File

@ -2158,19 +2158,18 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
isColumnSelectionDisabled={isPreferredApiMongoDB} isColumnSelectionDisabled={isPreferredApiMongoDB}
/> />
</div> </div>
{!isPreferredApiMongoDB && {tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && (
tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && ( <div
<div title="Refresh"
title="Refresh" className={styles.refreshBtn}
className={styles.refreshBtn} role="button"
role="button" onClick={() => refreshDocumentsGrid(false)}
onClick={() => refreshDocumentsGrid(false)} aria-label="Refresh"
aria-label="Refresh" tabIndex={0}
tabIndex={0} >
> <img src={RefreshIcon} alt="Refresh" />
<img src={RefreshIcon} alt="Refresh" /> </div>
</div> )}
)}
</div> </div>
{tableItems.length > 0 && ( {tableItems.length > 0 && (
<a <a

2
src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
View File

@ -233,7 +233,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
aria-label="Select column" aria-label="Select column"
size="small" size="small"
icon={<MoreHorizontalRegular />} icon={<MoreHorizontalRegular />}
style={{ position: "absolute", right: 0, backgroundColor: tokens.colorNeutralBackground1 }} style={{ position: "absolute", right: 10, backgroundColor: tokens.colorNeutralBackground1 }}
/> />
</MenuTrigger> </MenuTrigger>
<MenuPopover> <MenuPopover>