Clean up example css

examples/lab/index.css

@@ -343,7 +343,7 @@ body {
 
 .p-MenuBar {
   padding-left: 5px;
-  background: #FEFEFE;
+  background: #FAFAFA;
   color: rgba(0, 0, 0, 0.87);
   border-bottom: 1px solid #DDDDDD;
   font: 13px Helvetica, Arial, sans-serif;
@@ -372,7 +372,7 @@ body {
 }
 
 
-.p-MenuBar-item.p-mod-separator-type {
+.p-MenuBar-item.p-type-separator {
   margin: 2px;
   padding: 0;
   border: none;
@@ -381,7 +381,7 @@ body {
 
 
 .p-MenuBar.p-mod-active .p-MenuBar-item.p-mod-active {
-  z-index: 1000000;
+  z-index: 10001;
   background: white;
   border-left: 1px solid #C0C0C0;
   border-right: 1px solid #C0C0C0;
@@ -390,6 +390,8 @@ body {
 
 
 .p-Menu {
+  z-index: 10000;
+  padding: 3px 0px;
   background: white;
   color: rgba(0, 0, 0, 0.87);
   border: 1px solid #C0C0C0;
@@ -408,22 +410,54 @@ body {
 }
 
 
-.p-Menu-item.p-mod-separator-type > span::after {
+.p-Menu-itemIcon {
+  width: 21px;
+  padding: 4px 2px;
+}
+
+
+.p-Menu-itemText {
+  padding: 4px 35px 4px 2px;
+}
+
+
+.p-Menu-itemShortcut {
+  padding: 4px 0px;
+}
+
+
+.p-Menu-itemSubmenuIcon {
+  width: 16px;
+  padding: 4px 0px;
+}
+
+
+.p-Menu-item.p-type-separator > span {
+  padding: 0;
+  height: 9px;
+}
+
+
+.p-Menu-item.p-type-separator > span::after {
+  content: '';
+  display: block;
+  position: relative;
+  top: 4px;
   border-top: 1px solid #DDDDDD;
 }
 
 
-.p-Menu-item-icon::before,
-.p-Menu-item-submenu::before {
+.p-Menu-itemIcon::before,
+.p-Menu-itemSubmenuIcon::before {
   font-family: FontAwesome;
 }
 
 
-.p-Menu-item.p-mod-check-type.p-mod-checked > .p-Menu-item-icon::before {
+.p-Menu-item.p-type-check.p-mod-checked > .p-Menu-itemIcon::before {
   content: '\f00c';
 }
 
 
-.p-Menu-item.p-mod-submenu-type > .p-Menu-item-submenu::before {
+.p-Menu-item.p-type-submenu > .p-Menu-itemSubmenuIcon::before {
   content: '\f0da';
 }

examples/lab/src/plugin.ts

@@ -27,7 +27,7 @@ import {
 } from 'phosphor-widget';
 
 import {
-  ITerminalProvider, IFileBrowserProvider
+  ITerminalProvider, IFileBrowserProvider, IServicesProvider
 } from '../../lib';
 
 
@@ -53,24 +53,27 @@ class DefaultHandler {
   /**
    * The dependencies required by the default plugin.
    */
-  static requires: Token<any>[] = [IAppShell, ITerminalProvider, ICommandPalette, ICommandRegistry, IFileBrowserProvider];
+  static requires: Token<any>[] = [IAppShell, ITerminalProvider, ICommandPalette, ICommandRegistry, IFileBrowserProvider, IServicesProvider];
 
   /**
    * Create a default plugin instance..
    */
-  static create(shell: IAppShell, term: ITerminalProvider, palette: ICommandPalette, registry: ICommandRegistry, browser: IFileBrowserProvider): DefaultHandler {
-    return new DefaultHandler(shell, term, palette, registry, browser);
+  static create(shell: IAppShell, term: ITerminalProvider, palette: ICommandPalette, registry: ICommandRegistry, browser: IFileBrowserProvider,
+    services: IServicesProvider): DefaultHandler {
+    return new DefaultHandler(shell, term, palette, registry, browser, services);
   }
 
   /**
    * Construct a new default plugin.
    */
-  constructor(shell: IAppShell, term: ITerminalProvider, palette: ICommandPalette, registry: ICommandRegistry, browser: IFileBrowserProvider) {
+  constructor(shell: IAppShell, term: ITerminalProvider, palette: ICommandPalette, registry: ICommandRegistry, browser: IFileBrowserProvider,
+    services: IServicesProvider) {
     this._shell = shell;
     this._term = term;
     this._palette = palette;
     this._registry = registry;
     this._browser = browser.fileBrowser;
+    this._services = services;
   }
 
   /**
@@ -124,17 +127,26 @@ class DefaultHandler {
       items: openPaletteItems
     }
     this._palette.add([section]);
-    this._shell.addToLeftArea(this._browser, { rank: 10 });
+
     let term = this._term.createTerminal();
     term.color = 'black';
     term.background = 'white';
     this._shell.addToMainArea(term);
 
+    // Start a default session.
+    let contents = this._services.contentsManager;
+    contents.newUntitled('', { type: 'notebook' }).then(content => {
+      let sessions = this._services.notebookSessionManager;
+      sessions.startNew({ notebookPath: content.path }).then(() => {
+        this._shell.addToLeftArea(this._browser, { rank: 10 });
+      });
+    });
   }
 
   private _term: ITerminalProvider = null;
   private _shell: IAppShell = null;
   private _palette: ICommandPalette = null;
   private _registry: ICommandRegistry = null;
-  private _browser: FileBrowser;
+  private _browser: FileBrowser = null;
+  private _services: IServicesProvider = null;
 }