mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-21 01:41:31 +00:00
icon alignment fix
This commit is contained in:
@@ -220,8 +220,30 @@ export function createControlCommandBarButtons(container: Explorer): CommandButt
|
|||||||
ariaLabel: label,
|
ariaLabel: label,
|
||||||
tooltipText: label,
|
tooltipText: label,
|
||||||
hasPopup: true,
|
hasPopup: true,
|
||||||
disabled: false
|
disabled: false,
|
||||||
|
className: "fonticoncustom"
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// const label = "Chat Assistant";
|
||||||
|
// const supportPaneButton: CommandButtonComponentProps = {
|
||||||
|
// iconSrc: FeedbackPortalIcon,
|
||||||
|
// iconAlt: label,
|
||||||
|
// onCommandClick: () => {
|
||||||
|
// useSidePanel.getState().openSidePanel("Chat Assistant (Beta)", <SupportPaneComponent
|
||||||
|
// directLineToken={container.conversationToken()}
|
||||||
|
// userToken={userContext.authorizationToken}
|
||||||
|
// subId={userContext.subscriptionId}
|
||||||
|
// rg={userContext.resourceGroup}
|
||||||
|
// accName={userContext.databaseAccount.name}
|
||||||
|
// />);
|
||||||
|
// },
|
||||||
|
// commandButtonLabel: undefined,
|
||||||
|
// ariaLabel: label,
|
||||||
|
// tooltipText: label,
|
||||||
|
// hasPopup: false,
|
||||||
|
// disabled: false,
|
||||||
|
// className: "Chatbot",
|
||||||
|
// };
|
||||||
buttons.push(supportPaneButton);
|
buttons.push(supportPaneButton);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -42,6 +42,10 @@
|
|||||||
width: 18px;
|
width: 18px;
|
||||||
color: rgb(0, 120, 212);
|
color: rgb(0, 120, 212);
|
||||||
}
|
}
|
||||||
|
.fonticoncustom {
|
||||||
|
padding-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
@@ -22,11 +22,17 @@
|
|||||||
.panelInfoIcon {
|
.panelInfoIcon {
|
||||||
font-size: @mediumFontSize;
|
font-size: @mediumFontSize;
|
||||||
width: @mediumFontSize;
|
width: @mediumFontSize;
|
||||||
margin: auto 0 auto @SmallSpace;
|
margin: auto 10 auto @SmallSpace;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.customIcon {
|
||||||
|
height: 80% !important;
|
||||||
|
padding-top: 20px !important;
|
||||||
|
margin-top: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.panelTextBold {
|
.panelTextBold {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|||||||
@@ -29,6 +29,7 @@ import { CollapsedResourceTree } from "./Common/CollapsedResourceTree";
|
|||||||
import { ResourceTreeContainer } from "./Common/ResourceTreeContainer";
|
import { ResourceTreeContainer } from "./Common/ResourceTreeContainer";
|
||||||
import "./Explorer/Controls/Accordion/AccordionComponent.less";
|
import "./Explorer/Controls/Accordion/AccordionComponent.less";
|
||||||
import "./Explorer/Controls/CollapsiblePanel/CollapsiblePanelComponent.less";
|
import "./Explorer/Controls/CollapsiblePanel/CollapsiblePanelComponent.less";
|
||||||
|
import "./Explorer/Controls/CommandButton/CommandButtonComponent.less";
|
||||||
import { Dialog } from "./Explorer/Controls/Dialog";
|
import { Dialog } from "./Explorer/Controls/Dialog";
|
||||||
import "./Explorer/Controls/ErrorDisplayComponent/ErrorDisplayComponent.less";
|
import "./Explorer/Controls/ErrorDisplayComponent/ErrorDisplayComponent.less";
|
||||||
import "./Explorer/Controls/JsonEditor/JsonEditorComponent.less";
|
import "./Explorer/Controls/JsonEditor/JsonEditorComponent.less";
|
||||||
|
|||||||
Reference in New Issue
Block a user