浏览代码

console style for prompt

Steven Silvester 7 年之前
父节点
当前提交
50d930b3b5
共有 1 个文件被更改,包括 11 次插入2 次删除
  1. 11 2
      packages/console/style/index.css

+ 11 - 2
packages/console/style/index.css

@@ -69,10 +69,12 @@
 
 
 .jp-CodeConsole-content .jp-InputArea-editor.jp-InputArea-editor {
-  background: transparent;
-  border-color: transparent;
+  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color-active);
+  box-shadow: var(--jp-input-box-shadow);
+  background-color: var(--jp-cell-editor-background-active);
 }
 
+
 .jp-CodeConsole-input .jp-CodeConsole-prompt .jp-InputArea {
   height: 100%;
   min-height: 100%;
@@ -82,3 +84,10 @@
 .jp-CodeConsole-content .jp-CodeConsole-banner .jp-Cell-prompt {
   display: none;
 }
+
+
+.jp-CodeConsole-promptCell .jp-InputArea-editor.jp-mod-focused {
+  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color-active);
+  box-shadow: var(--jp-input-box-shadow);
+  background-color: var(--jp-cell-editor-background-active);
+}