✨ siyuan-note#2911 table 中的元素

leolee9086 · Oct 4, 2022 · 8e4c8ec · 8e4c8ec
1 parent 7d4036d
commit 8e4c8ec
Show file tree

Hide file tree

Showing 3 changed files with 79 additions and 328 deletions.
diff --git a/app/src/assets/scss/_typography.scss b/app/src/assets/scss/_typography.scss
@@ -44,21 +44,48 @@
     vertical-align: bottom;
   }
 
+  span[data-type~="sup"],
+  span[data-type~="sub"] {
+    position: relative;
+    font-size: 75%;
+    line-height: 0;
+    vertical-align: baseline;
+  }
+
+  span[data-type~="sup"] {
+    top: -0.5em;
+  }
+
+  span[data-type~="sub"] {
+    bottom: -0.25em;
+  }
+
   em,
   span[data-type~="em"] {
+    font-style: italic;
     color: var(--b3-protyle-inline-em-color);
   }
 
   s,
   span[data-type~="s"] {
     color: var(--b3-protyle-inline-s-color);
+    text-decoration: line-through;
   }
 
   strong,
   span[data-type~="strong"] {
+    font-weight: bold;
     color: var(--b3-protyle-inline-strong-color);
   }
 
+  span[data-type~="inline-math"] {
+    user-select: text;
+    display: inline;
+    // https://github.com/siyuan-note/siyuan/issues/3081 test $\begin{bmatrix}   a & b \\c & d \\   e & f\end{bmatrix}$ test
+    // https://ld246.com/article/1626937851892 <u>test $\mu_p$ test</u>
+    // https://ld246.com/article/1636204769623  test $\rightarrow$ test
+  }
+
   mark,
   span[data-type~="mark"] {
     background-color: var(--b3-protyle-inline-mark-background);

diff --git a/app/src/assets/scss/_wysiwyg.scss b/app/src/assets/scss/_wysiwyg.scss
@@ -169,35 +169,7 @@
       }
     }
 
-    span[data-type~="strong"] {
-      font-weight: bold;
-    }
-
-    span[data-type~="em"] {
-      font-style: italic;
-    }
-
-    span[data-type~="sup"],
-    span[data-type~="sub"] {
-      position: relative;
-      font-size: 75%;
-      line-height: 0;
-      vertical-align: baseline;
-    }
-
-    span[data-type~="sup"] {
-      top: -0.5em;
-    }
-
-    span[data-type~="sub"] {
-      bottom: -0.25em;
-    }
-
-    span[data-type~="s"] {
-      text-decoration: line-through;
-    }
-
-    span[data-type="tag"] {
+    span[data-type~="tag"] {
       border-bottom: 1px solid var(--b3-protyle-inline-tag-color);
       color: var(--b3-protyle-inline-tag-color);
       transition: var(--b3-transition);
@@ -213,14 +185,6 @@
       }
     }
 
-    span[data-type~="inline-math"] {
-      user-select: text;
-      display: inline;
-      // https://github.com/siyuan-note/siyuan/issues/3081 test $\begin{bmatrix}   a & b \\c & d \\   e & f\end{bmatrix}$ test
-      // https://ld246.com/article/1626937851892 <u>test $\mu_p$ test</u>
-      // https://ld246.com/article/1636204769623  test $\rightarrow$ test
-    }
-
     span[data-type="search-mark"] {
       background-color: var(--b3-protyle-inline-mark-background);
       color: var(--b3-protyle-inline-mark-color);