icon alignment fix

This commit is contained in:
Bala Lakshmi Narayanasami
2022-02-17 21:02:42 +05:30
parent c35e23eb47
commit fd511f2706
4 changed files with 35 additions and 2 deletions

View File

@@ -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);
} }

View File

@@ -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;

View File

@@ -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;

View File

@@ -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";