Ver código fonte

Add toolbar styling to setting editor.

Afshin Darian 7 anos atrás
pai
commit
74cbb4ae8d

+ 14 - 0
packages/settingeditor-extension/style/settingeditor.css

@@ -5,9 +5,23 @@
 
 #setting-editor.jp-SettingEditor {
   background-color: var(--md-grey-200);
+  border-top: var(--jp-border-width) solid var(--jp-border-color1);
+  margin-top: -1px;
   outline: none;
 }
 
+
+#setting-editor.jp-SettingEditor::before {
+  content: '';
+  display: block;
+  height: var(--jp-toolbar-micro-height);
+  background: var(--jp-toolbar-background);
+  border-bottom: 1px solid var(--jp-toolbar-border-color);
+  box-shadow: var(--jp-toolbar-box-shadow);
+  z-index: 10;
+}
+
+
 #setting-editor.jp-SettingEditor .p-SplitPanel {
   height: 100%;
   width: 100%;