feat: make outline panel style optional

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Maple",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "minAppVersion": "1.0.0",
   "author": "subframe7536",
   "authorUrl": "https://github.com/subframe7536"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "maple",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Maple —— A Obsidian Theme",
   "scripts": {
     "dev": "sass --watch snippets:vault/.obsidian/snippets --no-source-map --update",

snippets/css/style-setting.css

@@ -192,6 +192,21 @@ settings:
         opacity: false
         default-light: rgb(245, 180, 0)
         default-dark: rgb(245, 180, 0)
+    -
+        id: outline-panel
+        title: outline panel
+        title.zh: 文档大纲
+        type: heading
+        collapsed: true
+        level: 3
+    -
+        id: ouline-enable
+        title: enable bullet style
+        description: reference from https://github.com/pengx17/logseq-dev-theme/blob/main/bullet_threading.css
+        title.zh: 开启引导线样式
+        description.zh: 参考 https://github.com/pengx17/logseq-dev-theme/blob/main/bullet_threading.css
+        type: class-toggle
+        default: true
     -
         id: status-bar
         title: status bar
@@ -354,7 +369,7 @@ settings:
         title: set modal header title
         title.zh: 设置面板标题
         type: variable-text
-        default: "'maple 0.3.4'"
+        default: "'maple 0.3.5'"
     -
         id: setting-group-title
         title: add style for left navigation group title

snippets/workspace/modal.scss

@@ -156,7 +156,7 @@ body.modal-header .modal-container {
     container-type: inline-size;
 
     &::before {
-      content: var(--setting-header-title, 'maple 0.3.4');
+      content: var(--setting-header-title, 'maple 0.3.5');
       position: absolute;
       left: 50%;
       top: var(--size-4-6);

snippets/workspace/outline.scss

@@ -9,7 +9,7 @@ body {
   --outline-item-height: calc(var(--nav-item-size) * 1.8);
 }
 
-.workspace-leaf-content[data-type='outline'] .view-content .outline {
+body.outline-enable .workspace-leaf-content[data-type='outline'] .view-content .outline {
   .tree-item {
     position: relative;