Fix: Add comments as part of the snippets for consistency (#2735)

microsoftgraph · Aug 15, 2023 · fdc4792 · fdc4792
1 parent 17aceb6
commit fdc4792
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/app/views/common/monaco/Monaco.tsx b/src/app/views/common/monaco/Monaco.tsx
@@ -41,7 +41,7 @@ export function Monaco(props: IMonaco) {
   }, [monaco]);
 
   return (
-    <FocusZone disabled={props.extraInfoElement ? false : true}>
+    <FocusZone disabled= {props.extraInfoElement ? false : true}>
       <div className='monaco-editor'>
         {props.extraInfoElement}
         <ThemeContext.Consumer>

diff --git a/src/app/views/query-response/snippets/Snippets.styles.ts b/src/app/views/query-response/snippets/Snippets.styles.ts
@@ -8,8 +8,8 @@ export const getSnippetStyles = (theme: ITheme) => {
     snippetComments: {
       color: theme.palette.green,
       marginLeft: '28px',
-      fontFamily: 'Consolas, monospace',
-      font: '9px',
+      fontFamily: 'Consolas,"Courier new", monospace',
+      fontSize: '14px',
       lineHeight: '1.5'
     }
   }

diff --git a/src/app/views/query-response/snippets/snippets-helper.tsx b/src/app/views/query-response/snippets/snippets-helper.tsx
@@ -1,4 +1,4 @@
-import { getTheme, ITheme, Label, Link, PivotItem } from '@fluentui/react';
+import { ITheme, Label, Link, PivotItem, getTheme } from '@fluentui/react';
 import { useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 
@@ -88,7 +88,7 @@ function Snippet(props: ISnippetProps) {
   }, [sampleQuery.sampleUrl]);
 
   const setCommentSymbol = (): string => {
-    return language.trim() === 'powershell' ? '#' : '//';
+    return (language.trim() === 'powershell' || language.trim() === 'python') ? '#' : '//';
   }
 
   const trackLinkClickedEvent = (link: string, e:any) => {