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

styling changes have been made o remove the overlaping of focus outlines (#1721)

Browse Source
This commit is contained in:
MokireddySampath 2024-03-06 12:47:57 +05:30 committed by GitHub
parent b8457e3bf9
commit 47bdc9c426
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/Explorer/Controls/ThroughputInput/ThroughputInput.less
View File

@ -14,7 +14,13 @@
.throughputInputSpacing > :not(:last-child) { .throughputInputSpacing > :not(:last-child) {
margin-bottom: @DefaultSpace; margin-bottom: @DefaultSpace;
} }
.capacitycalculator-link:focus { .capacitycalculator-link:focus {
text-decoration: underline; text-decoration: underline;
outline-offset: 2px; outline-offset: 2px;
} }
.copyQuery:focus::after,
.deleteQuery:focus::after {
outline: none !important;
}

2
src/Explorer/QueryCopilot/QueryCopilotPromptbar.tsx
View File

@ -618,6 +618,7 @@ export const QueryCopilotPromptbar: React.FC<QueryCopilotPromptProps> = ({
<Separator vertical style={{ color: "#EDEBE9" }} /> <Separator vertical style={{ color: "#EDEBE9" }} />
<CommandBarButton <CommandBarButton
className="copyQuery"
onClick={copyGeneratedCode} onClick={copyGeneratedCode}
iconProps={{ iconName: "Copy" }} iconProps={{ iconName: "Copy" }}
style={{ margin: "0 10px", backgroundColor: "#FFF8F0", transition: "background-color 0.3s ease" }} style={{ margin: "0 10px", backgroundColor: "#FFF8F0", transition: "background-color 0.3s ease" }}
@ -625,6 +626,7 @@ export const QueryCopilotPromptbar: React.FC<QueryCopilotPromptProps> = ({
Copy query Copy query
</CommandBarButton> </CommandBarButton>
<CommandBarButton <CommandBarButton
className="deleteQuery"
onClick={() => { onClick={() => {
setShowDeletePopup(true); setShowDeletePopup(true);
}} }}