🐛 fix: 有序列表编号问题 Thanks @yan-yunhua

Author: caolib

README.md

@@ -166,7 +166,7 @@
 
 > [!warning]
 >
-> 默认风格某些情况下会出现[错位](https://github.com/caolib/typora-onelight-theme/issues/32)和[编号](https://github.com/caolib/typora-onelight-theme/issues/28)问题
+> 默认风格某些情况下会出现[错位](https://github.com/caolib/typora-onelight-theme/issues/32)
 
 <div align="center">
   <table>

docs/README_en.md

@@ -149,8 +149,7 @@ Add `!important` if styles don't apply.
 #### 3.3.2 Lists
 
 > [!warning]
-> Default style may cause [alignment](https://github.com/caolib/typora-onelight-theme/issues/32) or [numbering](https://github.com/caolib/typora-onelight-theme/issues/28) issues.
-
+> Default style may cause [alignment](https://github.com/caolib/typora-onelight-theme/issues/32)
 <div align="center">
   <table>
     <tr>

onelight/style/list/list.css

@@ -65,10 +65,10 @@
     position: absolute;
 }
 
-#write .ol .li:first-child,
+/* #write .ol .li:first-child,
 #write ol li:first-child {
     counter-reset: li
-}
+} */
 
 #write .ol .li:hover:before,
 #write .ul .li:hover:before,
@@ -86,17 +86,20 @@
 /* ---------------->> 有序列表前数字 <<---------------- */
 #write .ol>.li:before,
 #write ol>li:before {
+    padding: 0 5px;
     border-radius: .825em;
     color: #fff;
-    content: counter(li);
+    content: counter(list-item);
     counter-increment: li;
     font-size: .65em;
     height: 1.65em;
     line-height: 1.7em;
     margin-left: -25px;
     margin-top: 10px;
     text-align: center;
-    width: 1.65em;
+    width: auto;
+    min-width: 1.65em;
+    white-space: nowrap;
     transition: transform 0.5s;
 }