Allow Monaco tooltips to cover playground navbar

ark120202 · ark120202 · commit dd63388faba0 · 2020-10-25T15:53:21.000Z
diff --git a/src/pages/play/Playground.tsx b/src/pages/play/Playground.tsx
@@ -47,6 +47,7 @@ const commonMonacoOptions: monaco.editor.IEditorConstructionOptions = {
     minimap: { enabled: false },
     automaticLayout: true,
     scrollbar: { useShadows: false },
+    fixedOverflowWidgets: true,
 };
 
 function InputPane() {
diff --git a/src/pages/play/styles.module.scss b/src/pages/play/styles.module.scss
@@ -48,7 +48,7 @@ $navbar-height: 50px;
 
 .content {
     width: 100%;
-    height: calc(100vh - #{$navbar-height} - 60px);
+    height: calc(100vh - var(--ifm-navbar-height) - #{$navbar-height});
     display: flex;
     flex-wrap: wrap;
 }
@@ -59,7 +59,6 @@ $navbar-height: 50px;
     display: flex;
     flex-flow: column;
     position: relative;
-    overflow: hidden;
     background-color: var(--monaco-background);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ $navbar-height: 50px;`
`48`	`48`
`49`	`49`	`.content {`
`50`	`50`	`width: 100%;`
`51`		`- height: calc(100vh - #{$navbar-height} - 60px);`
	`51`	`+ height: calc(100vh - var(--ifm-navbar-height) - #{$navbar-height});`
`52`	`52`	`display: flex;`
`53`	`53`	`flex-wrap: wrap;`
`54`	`54`	`}`
`@@ -59,7 +59,6 @@ $navbar-height: 50px;`
`59`	`59`	`display: flex;`
`60`	`60`	`flex-flow: column;`
`61`	`61`	`position: relative;`
`62`		`- overflow: hidden;`
`63`	`62`	`background-color: var(--monaco-background);`
`64`	`63`	`}`
`65`	`64`