random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2024-11-29 17:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix columns min width

Browse Source
This commit is contained in:
Laurent Nguyen 2024-04-23 13:44:12 +02:00
parent 13462646f6
commit 11f4b4d959
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1459,12 +1459,12 @@ const DocumentsTabComponent: React.FunctionComponent<{
<div
className="tab-pane active"
/* data-bind="
setTemplateReady: true,
attr:{
id: tabId
},
visible: isActive"
*/
setTemplateReady: true,
attr:{
id: tabId
},
visible: isActive"
*/
role="tabpanel"
style={{ display: "flex" }}
>
@ -1553,9 +1553,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
onClick={() => refreshDocumentsGrid(true)}
disabled={!applyFilterButton.enabled}
/* data-bind="
click: refreshDocumentsGrid.bind($data, true),
enable: applyFilterButton.enabled"
*/
click: refreshDocumentsGrid.bind($data, true),
enable: applyFilterButton.enabled"
*/
aria-label="Apply filter"
tabIndex={0}
>
@ -1567,9 +1567,9 @@ const DocumentsTabComponent: React.FunctionComponent<{
<button
className="filterbtnstyle queryButton"
/* data-bind="
visible: !isPreferredApiMongoDB && isExecuting,
click: onAbortQueryClick"
*/
visible: !isPreferredApiMongoDB && isExecuting,
click: onAbortQueryClick"
*/
aria-label="Cancel Query"
tabIndex={0}
>
@ -1600,7 +1600,7 @@ const DocumentsTabComponent: React.FunctionComponent<{
{/* <Split> doesn't like to be a flex child */}
<div style={{ overflow: "hidden", height: "100%" }}>
<Split>
<div style={{ minWidth: 200, width: "35%", overflow: "hidden" }} ref={tableContainerRef}>
<div style={{ minWidth: 120, width: "35%", overflow: "hidden" }} ref={tableContainerRef}>
<Button
appearance="transparent"
aria-label="Refresh"

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

@ -67,7 +67,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
const initialSizingOptions: TableColumnSizingOptions = {
id: {
idealWidth: 280,
// minWidth: 273,
minWidth: 50,
},
};
columnHeaders.partitionKeyHeaders.forEach((pkHeader) => {