fix zindex of editor and header

Author: christianalfoni

…nd/effects/vscode/sandboxFsSync/index.ts …nd/effects/vscode/SandboxFsSync/index.tspackages/app/src/app/overmind/effects/vscode/sandboxFsSync/index.ts renamed to packages/app/src/app/overmind/effects/vscode/SandboxFsSync/index.ts packages/app/src/app/overmind/effects/vscode/sandboxFsSync/index.ts renamed to packages/app/src/app/overmind/effects/vscode/SandboxFsSync/index.ts

@@ -4,6 +4,7 @@ import {
 } from '@codesandbox/common/lib/utils/global';
 
 import { FileSystemConfiguration } from '../../../../../../../../../standalone-packages/codesandbox-browserfs';
+import { IModule } from '../../../../../../../../../standalone-packages/codesandbox-browserfs/dist/node/backend/CodeSandboxFS';
 import { EXTENSIONS_LOCATION } from '../../constants';
 import {
   mkdir,
@@ -13,8 +14,6 @@ import {
   writeFile,
 } from '../../SandboxFsSync/utils';
 
-import { IModule } from '../../../../../../../../../standalone-packages/codesandbox-browserfs/dist/node/backend/CodeSandboxFS';
-
 const global = getGlobal();
 
 export const BROWSER_FS_CONFIG: FileSystemConfiguration = {
@@ -65,6 +64,7 @@ export async function initializeBrowserFS({
       module: IModule;
     };
   } = {};
+  let isResolved = false;
 
   return new Promise(resolve => {
     const config = { ...BROWSER_FS_CONFIG };
@@ -119,6 +119,10 @@ export async function initializeBrowserFS({
             case 'types-sync': {
               types = evt.data.$data;
               touchFileSystem();
+              if (!isResolved) {
+                isResolved = true;
+                resolve();
+              }
               break;
             }
             case 'type-sync': {
@@ -135,7 +139,6 @@ export async function initializeBrowserFS({
                   $type: 'sync-types',
                   $data: {},
                 });
-                resolve();
               } else {
                 resolve();
               }

…nd/effects/vscode/sandboxFsSync/utils.ts …nd/effects/vscode/SandboxFsSync/utils.tspackages/app/src/app/overmind/effects/vscode/sandboxFsSync/utils.ts renamed to packages/app/src/app/overmind/effects/vscode/SandboxFsSync/utils.ts packages/app/src/app/overmind/effects/vscode/sandboxFsSync/utils.ts renamed to packages/app/src/app/overmind/effects/vscode/SandboxFsSync/utils.ts

@@ -1,14 +1,12 @@
-import styled, { css } from 'styled-components';
-import { Link } from 'react-router-dom';
-import { SignInButton as BaseSignInButton } from 'app/pages/common/SignInButton';
 // @ts-ignore
+import { SignInButton as BaseSignInButton } from 'app/pages/common/SignInButton';
+import { Link } from 'react-router-dom';
+import styled, { css } from 'styled-components';
 import Dashboard from '-!svg-react-loader!@codesandbox/common/lib/icons/dashboard.svg';
 
 export const Container = styled.div<{ zenMode: boolean }>`
   ${({ theme, zenMode }) => css`
     display: ${zenMode ? 'none' : 'flex'};
-    position: fixed;
-    z-index: 5;
     justify-content: space-between;
     align-items: center;
     background-color: ${theme['titleBar.activeBackground'] ||
@@ -39,7 +37,7 @@ export const Right = styled.div`
   display: flex;
   align-items: center;
   height: 100%;
-  z-index: 1;
+  z-index: 99999999999999;
 `;
 
 export const Centered = styled.div`
@@ -89,6 +87,8 @@ export const AccountContainer = styled.div`
 `;
 
 export const UserMenuContainer = styled.div`
+  display: absolute;
+  z-index: 999999999999;
   margin: 5px 0;
   margin-right: 0;
   font-size: 0.8rem;

packages/app/src/app/overmind/effects/vscode/extensionHostWorker/common/fs.ts

@@ -94,6 +94,7 @@ const ContentSplit: React.FC = () => {
               right: 0,
               bottom: bottomOffset,
               height: statusBar ? 'auto' : 'calc(100% - 3.5rem)',
+              zIndex: 999999,
             }}
           >
             <SplitPane