Enhancement: Code snippets UI (#1494)

* update editor look * remove focus styling * remove ruler border
microsoftgraph · Mar 3, 2022 · 54e2940 · 54e2940
1 parent a6aa6f3
commit 54e2940
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/src/app/views/common/monaco/Monaco.tsx b/src/app/views/common/monaco/Monaco.tsx
@@ -40,15 +40,13 @@ export function Monaco(props: IMonaco) {
               automaticLayout: true,
               minimap: { enabled: false },
               readOnly,
-              scrollbar: {
-                horizontalHasArrows: true,
-                horizontal: 'visible',
-                horizontalScrollbarSize: 17
-              },
               wordWrap: 'on',
               folding: true,
               foldingStrategy: 'indentation',
-              showFoldingControls: 'always'
+              showFoldingControls: 'always',
+              renderLineHighlight: 'none',
+              scrollBeyondLastLine: false,
+              overviewRulerBorder: false
             }}
             onChange={onChange}
             theme={theme === 'light' ? 'vs' : 'vs-dark'}

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -4,10 +4,6 @@
     margin: 5px !important;
 }
 
-:focus {
-  outline: 2px solid #258EDE !important;
-}
-
 .ms-DetailsHeader {
   padding-top: 0px !important;
 }