Browse Source

Add toolbar styling to setting editor.

Afshin Darian 7 năm trước cách đây
mục cha
commit
74cbb4ae8d
1 tập tin đã thay đổi với 14 bổ sung0 xóa
  1. 14 0
      packages/settingeditor-extension/style/settingeditor.css

+ 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%;