Improve list styling in hover docs

2025-09-06 04:54:29 +08:00 · 2024-01-27 00:16:23 +08:00 · 2024-01-27 00:16:23 +08:00 · 7c01177a47
commit 7c01177a47
parent a10bbaa4c7
1 changed files with 34 additions and 0 deletions
--- a/assets/js/hooks/cell_editor/live_editor/codemirror/theme.js
+++ b/assets/js/hooks/cell_editor/live_editor/codemirror/theme.js
@ -365,6 +365,40 @@ function buildEditorTheme(colors, { dark }) {
          fontWeight: "600",
        },

+        "& ul": {
+          marginTop: "1rem",
+          marginBottom: "1rem",
+          marginLeft: "2rem",
+          listStylePosition: "outside",
+          listStyleType: "disc",
+
+          "& ul": {
+            listStyleType: "circle",
+
+            "& ul": {
+              listStyleType: "square",
+            },
+          },
+        },
+
+        "& li": {
+          marginTop: "0.25rem",
+          marginBottom: "0.25rem",
+
+          "& > ul, & > ol": {
+            marginTop: "0",
+            marginBottom: "0",
+          },
+        },
+
+        "& ol": {
+          marginTop: "1rem",
+          marginBottom: "1rem",
+          marginLeft: "2rem",
+          listStylePosition: "outside",
+          listStyleType: "decimal",
+        },
+
        "& code": {
          background: colors.selectionBackground,
          borderRadius: "3px",