Browse Source

banner styles

A. Darian 9 years ago
parent
commit
cfd8615b8f
2 changed files with 15 additions and 0 deletions
  1. 6 0
      src/notebook/console/widget.ts
  2. 9 0
      src/notebook/theme.css

+ 6 - 0
src/notebook/console/widget.ts

@@ -48,6 +48,11 @@ const CONSOLE_CLASS = 'jp-Console';
  */
 const CONSOLE_PANEL = 'jp-Console-panel';
 
+/**
+ * The class name added to the console banner.
+ */
+const BANNER_CLASS = 'jp-Console-banner';
+
 /**
  * A panel which contains a toolbar and a console.
  */
@@ -205,6 +210,7 @@ class ConsoleWidget extends Widget {
     }
     let last = cellsLayout.childCount() - 1;
     this._banner = cellsLayout.childAt(0) as RawCellWidget;
+    this._banner.addClass(BANNER_CLASS);
     this._prompt = cellsLayout.childAt(last) as CodeCellWidget;
     this._updateBanner();
   }

+ 9 - 0
src/notebook/theme.css

@@ -50,6 +50,15 @@
   border-color: transparent;
 }
 
+.jp-Console .jp-InputArea-prompt {
+  flex-basis: 70px;
+  text-align: left;
+}
+
+.jp-Console .jp-Console-banner .jp-InputArea-prompt {
+  display: none;
+}
+
 
 .jp-MarkdownCell {
   outline: 0;