fix: code container hiding navigation menu (typescript-eslint#4707)

tapanprakasht · web-flow · commit 96bc69a652c7 · 2022-03-28T11:35:44.000-05:00
* fix: code container hiding navigation menu

code container and navigation menu z-index values was
same. Navigation menu was hidden behind code container
for smaller screen. Code container has pushed down with
the fix.

* fix: fixed review comments

Instead of hardcoded values, calculated z-index from the variable
diff --git a/packages/website/src/components/Playground.module.css b/packages/website/src/components/Playground.module.css
@@ -39,5 +39,5 @@
   width: 100%;
   height: calc(100% - var(--ifm-navbar-height));
   top: var(--ifm-navbar-height);
-  z-index: var(--ifm-z-index-fixed);
+  z-index: calc(var(--ifm-z-index-fixed) - 1);
 }

Original file line number	Diff line number	Diff line change
`@@ -39,5 +39,5 @@`
`39`	`39`	`width: 100%;`
`40`	`40`	`height: calc(100% - var(--ifm-navbar-height));`
`41`	`41`	`top: var(--ifm-navbar-height);`
`42`		`- z-index: var(--ifm-z-index-fixed);`
	`42`	`+ z-index: calc(var(--ifm-z-index-fixed) - 1);`
`43`	`43`	`}`