mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-04-22 09:35:10 +01:00
Adding container item refresh button back to upper right corner of page (#2083)
* Moved button to upper right * Reverted background color * Updated test snapshot * Added hidding refresh button on overflow * Ran prettier and updated snapshot
This commit is contained in:
parent
6ce81099ef
commit
c43132d5c0
@ -55,6 +55,7 @@ import DeleteDocumentIcon from "../../../../images/DeleteDocument.svg";
|
|||||||
import NewDocumentIcon from "../../../../images/NewDocument.svg";
|
import NewDocumentIcon from "../../../../images/NewDocument.svg";
|
||||||
import UploadIcon from "../../../../images/Upload_16x16.svg";
|
import UploadIcon from "../../../../images/Upload_16x16.svg";
|
||||||
import DiscardIcon from "../../../../images/discard.svg";
|
import DiscardIcon from "../../../../images/discard.svg";
|
||||||
|
import RefreshIcon from "../../../../images/refresh-cosmos.svg";
|
||||||
import SaveIcon from "../../../../images/save-cosmos.svg";
|
import SaveIcon from "../../../../images/save-cosmos.svg";
|
||||||
import * as Constants from "../../../Common/Constants";
|
import * as Constants from "../../../Common/Constants";
|
||||||
import * as HeadersUtility from "../../../Common/HeadersUtility";
|
import * as HeadersUtility from "../../../Common/HeadersUtility";
|
||||||
@ -131,6 +132,14 @@ export const useDocumentsTabStyles = makeStyles({
|
|||||||
backgroundColor: "white",
|
backgroundColor: "white",
|
||||||
zIndex: 1,
|
zIndex: 1,
|
||||||
},
|
},
|
||||||
|
refreshBtn: {
|
||||||
|
position: "absolute",
|
||||||
|
top: "3px",
|
||||||
|
right: "4px",
|
||||||
|
float: "right",
|
||||||
|
zIndex: 1,
|
||||||
|
backgroundColor: "transparent",
|
||||||
|
},
|
||||||
deleteProgressContent: {
|
deleteProgressContent: {
|
||||||
paddingTop: tokens.spacingVerticalL,
|
paddingTop: tokens.spacingVerticalL,
|
||||||
},
|
},
|
||||||
@ -2144,6 +2153,19 @@ export const DocumentsTabComponent: React.FunctionComponent<IDocumentsTabCompone
|
|||||||
isColumnSelectionDisabled={isPreferredApiMongoDB}
|
isColumnSelectionDisabled={isPreferredApiMongoDB}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
{!isPreferredApiMongoDB &&
|
||||||
|
tableContainerSizePx?.width >= calculateOffset(selectedColumnIds.length) + 200 && (
|
||||||
|
<div
|
||||||
|
title="Refresh"
|
||||||
|
className={styles.refreshBtn}
|
||||||
|
role="button"
|
||||||
|
onClick={() => refreshDocumentsGrid(false)}
|
||||||
|
aria-label="Refresh"
|
||||||
|
tabIndex={0}
|
||||||
|
>
|
||||||
|
<img src={RefreshIcon} alt="Refresh" />
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
{tableItems.length > 0 && (
|
{tableItems.length > 0 && (
|
||||||
<a
|
<a
|
||||||
|
Loading…
x
Reference in New Issue
Block a user