Empty coumnheader has been given the icon with name of description (#1718)
This commit is contained in:
parent
eb790d09b5
commit
f496220ed6
|
@ -3,13 +3,13 @@ import {
|
||||||
DetailsListLayoutMode,
|
DetailsListLayoutMode,
|
||||||
IColumn,
|
IColumn,
|
||||||
Icon,
|
Icon,
|
||||||
|
IconButton,
|
||||||
Link,
|
Link,
|
||||||
Pivot,
|
Pivot,
|
||||||
PivotItem,
|
PivotItem,
|
||||||
SelectionMode,
|
SelectionMode,
|
||||||
Stack,
|
Stack,
|
||||||
Text,
|
Text,
|
||||||
IconButton,
|
|
||||||
TooltipHost,
|
TooltipHost,
|
||||||
} from "@fluentui/react";
|
} from "@fluentui/react";
|
||||||
import { HttpHeaders, NormalizedEventKey } from "Common/Constants";
|
import { HttpHeaders, NormalizedEventKey } from "Common/Constants";
|
||||||
|
@ -18,15 +18,15 @@ import { QueryMetrics } from "Contracts/DataModels";
|
||||||
import { EditorReact } from "Explorer/Controls/Editor/EditorReact";
|
import { EditorReact } from "Explorer/Controls/Editor/EditorReact";
|
||||||
import { IDocument } from "Explorer/Tabs/QueryTab/QueryTabComponent";
|
import { IDocument } from "Explorer/Tabs/QueryTab/QueryTabComponent";
|
||||||
import { userContext } from "UserContext";
|
import { userContext } from "UserContext";
|
||||||
|
import copy from "clipboard-copy";
|
||||||
import { useNotificationConsole } from "hooks/useNotificationConsole";
|
import { useNotificationConsole } from "hooks/useNotificationConsole";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
import CopilotCopy from "../../../../images/CopilotCopy.svg";
|
||||||
import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg";
|
import DownloadQueryMetrics from "../../../../images/DownloadQuery.svg";
|
||||||
import QueryEditorNext from "../../../../images/Query-Editor-Next.svg";
|
import QueryEditorNext from "../../../../images/Query-Editor-Next.svg";
|
||||||
import RunQuery from "../../../../images/RunQuery.png";
|
import RunQuery from "../../../../images/RunQuery.png";
|
||||||
import InfoColor from "../../../../images/info_color.svg";
|
import InfoColor from "../../../../images/info_color.svg";
|
||||||
import { QueryResults } from "../../../Contracts/ViewModels";
|
import { QueryResults } from "../../../Contracts/ViewModels";
|
||||||
import copy from "clipboard-copy";
|
|
||||||
import CopilotCopy from "../../../../images/CopilotCopy.svg";
|
|
||||||
|
|
||||||
interface QueryResultProps {
|
interface QueryResultProps {
|
||||||
isMongoDB: boolean;
|
isMongoDB: boolean;
|
||||||
|
@ -62,9 +62,12 @@ export const QueryResultSection: React.FC<QueryResultProps> = ({
|
||||||
const columns: IColumn[] = [
|
const columns: IColumn[] = [
|
||||||
{
|
{
|
||||||
key: "column1",
|
key: "column1",
|
||||||
name: "",
|
name: "Description",
|
||||||
|
iconName: "Info",
|
||||||
|
isIconOnly: true,
|
||||||
minWidth: 10,
|
minWidth: 10,
|
||||||
maxWidth: 12,
|
maxWidth: 12,
|
||||||
|
iconClassName: "iconheadercell",
|
||||||
data: String,
|
data: String,
|
||||||
fieldName: "",
|
fieldName: "",
|
||||||
onRender: (item: IDocument) => {
|
onRender: (item: IDocument) => {
|
||||||
|
|
|
@ -91,9 +91,6 @@
|
||||||
|
|
||||||
div[role="tabpanel"] {
|
div[role="tabpanel"] {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
div:nth-child(1) {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-metadata {
|
.result-metadata {
|
||||||
|
@ -283,3 +280,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.iconheadercell {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue