From fe0a79a887d42f357829408c6e04d478b108f3d4 Mon Sep 17 00:00:00 2001
From: Tron <achuan-2@outlook.com>
Date: Wed, 20 Nov 2024 16:54:11 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=96=20v2.4.5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                    |  6 ++++
 README_zh_CN.md                 |  3 ++
 style/block_attr/list2board.css | 41 ++++++++++++----------
 style/block_attr/list2map.css   | 61 +++++++++++++++++----------------
 style/block_attr/list2table.css | 24 +++++++------
 theme.json                      |  2 +-
 6 files changed, 77 insertions(+), 60 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index df30567..2ed4d29 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,10 @@
 
+## v2.4.5 / 2024.11.20
+
+- 💄 修复思源v3.1.13造成列表转脑图、表格、看板的样式错乱问题
+
+
+
 ## v2.4.4 / 2024.11.19
 
 - 💄 错误消息弹窗的关闭按钮优化
diff --git a/README_zh_CN.md b/README_zh_CN.md
index f0bf9a6..d11918c 100644
--- a/README_zh_CN.md
+++ b/README_zh_CN.md
@@ -32,6 +32,9 @@
 
 ## 🚀最近更新
 
+v2.4.5 / 2024.11.20
+- 💄 修复思源v3.1.13造成列表转脑图、表格、看板的样式错乱问题
+
 v2.3.6 / 2024.11.04
 - 💄把默认的引述块样式改为蓝色了
 
diff --git a/style/block_attr/list2board.css b/style/block_attr/list2board.css
index 33a7370..cdeb611 100644
--- a/style/block_attr/list2board.css
+++ b/style/block_attr/list2board.css
@@ -8,13 +8,16 @@
 {
     display: flex;
 }
-.protyle-wysiwyg *[custom-f~=kb].list[data-node-index]{
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb].list[data-node-index]{
 	width:100%!important;
 	overflow-x:auto;/*溢出滚动*/
 	padding-bottom:50px;
 }
 /* ————————————————————所有子项目的表格（除去第一列其余的列），包含溢出的空白部分，所以才会有边框—————————————————————— */
-.protyle-wysiwyg *[custom-f~=kb] .li .list{
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb] .li{
+    display: block;
+}
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb] .li .list{
     min-width: var(--kbline-boarditem-minwidth);
     border-radius: 3px;
     transform: translate(-30px, 0);
@@ -26,7 +29,7 @@
 
 /* ————————————————————对所有子列表项设置格式———————————————————— */
 
-.protyle-wysiwyg *[custom-f~=kb] .li .li{
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb] .li .li{
     border-radius: 3px;
     padding: 0.4em 0 0.1em 0 ;
     margin-bottom: 6px; 
@@ -35,8 +38,8 @@
 }
 
 /*只处理每个列表的第一行*/
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div > div:nth-child(2),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div > div:nth-child(2)
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div > div:nth-child(2),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div > div:nth-child(2)
 {
 	min-width: var(--kbline-boarditem-minwidth);
     border-radius: 3px;
@@ -44,37 +47,37 @@
 	left:-30px;
     margin-bottom: 10px;
 }
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div > div:nth-child(2)[data-type="NodeHeading"],
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div > div:nth-child(2)[data-type="NodeHeading"]
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div > div:nth-child(2)[data-type="NodeHeading"],
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div > div:nth-child(2)[data-type="NodeHeading"]
 {
 
 	padding:5px 0px 7px 30px;
 }
-.protyle-wysiwyg *[custom-f~=kb] .li [data-type="NodeHeading"]>[spellcheck="false"]:after{
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb] .li [data-type="NodeHeading"]>[spellcheck="false"]:after{
 	display:none;
 }/*取消标题层级提示*/
 
 /*标题行循环颜色*/
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div:nth-child(4n-3) > div:nth-child(2),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div:nth-child(4n-3) > div:nth-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div:nth-child(4n-3) > div:nth-child(2),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div:nth-child(4n-3) > div:nth-child(2){
     background-color:var(--b3-card-error-background);
 }
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div:nth-child(4n-2) > div:nth-child(2),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div:nth-child(4n-2) > div:nth-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div:nth-child(4n-2) > div:nth-child(2),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div:nth-child(4n-2) > div:nth-child(2){
     background-color:var(--b3-card-warning-background);
 }
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div:nth-child(4n-1) > div:nth-child(2),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div:nth-child(4n-1) > div:nth-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div:nth-child(4n-1) > div:nth-child(2),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div:nth-child(4n-1) > div:nth-child(2){
     background-color:var(--b3-card-info-background);
 }
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div:nth-child(4n) > div:nth-child(2),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div:nth-child(4n) > div:nth-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div:nth-child(4n) > div:nth-child(2),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div:nth-child(4n) > div:nth-child(2){
     background-color:var(--b3-card-success-background);
 }
 
 /*只处理每个列表第一行的点*/
-.protyle-wysiwyg *[custom-f~=kb][data-node-index] > div > div:nth-child(1),
-.protyle-wysiwyg .sb>*[custom-f~=kb] > div > div:nth-child(1)
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb][data-node-index] > div > div:nth-child(1),
+.protyle-wysiwyg .sb>[data-type="NodeList"][custom-f~=kb] > div > div:nth-child(1)
 {
     transform: translate(4px,5px);
 	z-index:2;
@@ -86,7 +89,7 @@
 }
 
 /* 对除了第一层之外的子列表 .protyle-action 移动 */
-.protyle-wysiwyg *[custom-f~=kb] .li .list .protyle-action{
+.protyle-wysiwyg [data-type="NodeList"][custom-f~=kb] .li .list .protyle-action{
     position: absolute;
     top: 50%;
     transform: translate(0, -50%);
diff --git a/style/block_attr/list2map.css b/style/block_attr/list2map.css
index 30c48dc..48cfb08 100644
--- a/style/block_attr/list2map.css
+++ b/style/block_attr/list2map.css
@@ -1,49 +1,50 @@
 /*————————————————————————列表转导图————————————————————————*/
 
-.protyle-wysiwyg *[custom-f="dt"]{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"]{
     --b3-border-daotu: 2px solid #3a4c4d;
     --b3-block-daotu: transparent;
 }
 /*————————————————————————列表转导图————————————————————————*/
 /*整个导图取消缩进*/
-.protyle-wysiwyg *[custom-f="dt"] .li .list{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li .list{
     padding: 0px;
     margin: 0px;
 	transition: all 0.5s;
 } 
-.protyle-wysiwyg *[custom-f="dt"].list{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"].list{
 	width:100%-50!important;
 	overflow-x:auto;/*溢出滚动*/
 	padding-bottom:30px!important;
 	margin:10px 4px;
 }
 /*子项设偏移调整*/
-.protyle-wysiwyg *[custom-f="dt"] [data-node-id].li>[data-node-id]{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] [data-node-id].li>[data-node-id]{
     margin-left: 20px !important;
 	margin-right: -24px !important;
 }
-.protyle-wysiwyg *[custom-f="dt"] [data-node-id].li>.list{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] [data-node-id].li>.list{
 	padding-left: 20px;
 }
 /*文字设置居中*/
-.protyle-wysiwyg *[custom-f="dt"] .li {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li {
 	display: flex;
+	flex-direction: row !important;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li .p,.protyle-wysiwyg *[custom-f="dt"] .li [data-type="NodeHeading"] {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li .p,.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li [data-type="NodeHeading"] {
 	display: flex;
 	align-items: center;
 	left:6px;
     margin: 0;
 	flex-shrink:0;/*不压缩宽度*/
 }
-.protyle-wysiwyg *[custom-f="dt"] .li [data-type="NodeHeading"]>[spellcheck="false"]:after{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li [data-type="NodeHeading"]>[spellcheck="false"]:after{
 	display:none;
 }/*取消标题层级提示*/
-.protyle-wysiwyg *[custom-f="dt"] .li div{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li div{
 	border-right:10px solid transparent;
 }
 /*文字框*/
-.protyle-wysiwyg *[custom-f="dt"] .li div>div[spellcheck="false"]{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li div>div[spellcheck="false"]{
 	margin-left:-8px;
 	padding:5px 0 5px 10px;
 	margin-top:2px;
@@ -52,29 +53,29 @@
 	box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;
 	max-width:15vw;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="t"]>[data-node-id]>div[spellcheck="false"]
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="t"]>[data-node-id]>div[spellcheck="false"]
 {
 	padding:5px 0px 5px 35px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="o"]>[data-node-id]>div[spellcheck="false"]
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="o"]>[data-node-id]>div[spellcheck="false"]
 {
 	padding:5px 10px 5px 25px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="t"]>.code-block>.protyle-action{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="t"]>.code-block>.protyle-action{
 	padding:5px 0px 5px 30px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="t"]>[data-node-id]>div.hljs
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="t"]>[data-node-id]>div.hljs
 {
 	padding:30px 0px 22px 30px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="o"]>.code-block>.protyle-action{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="o"]>.code-block>.protyle-action{
 	padding:5px 0px 5px 30px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li[data-subtype="o"]>[data-node-id]>div.hljs
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[data-subtype="o"]>[data-node-id]>div.hljs
 {
 	padding:30px 0px 22px 30px;
 }
-.protyle-wysiwyg *[custom-f="dt"] .li div>div.hljs{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li div>div.hljs{
 	padding:30px 10px 22px;
 	margin-left: 2px;
 	background-color:var(--b3-menu-background);
@@ -100,7 +101,7 @@
     transform: translate(0, -50%);
     z-index: 2;
 }
-.protyle-wysiwyg *[custom-f="dt"] [data-subtype="u"][data-node-id].li>.protyle-action:after{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] [data-subtype="u"][data-node-id].li>.protyle-action:after{
 	left:37px;
 }
 .list[custom-f="dt"][data-node-id] .protyle-action svg{
@@ -108,7 +109,7 @@
 }
 
 /*前继承线*/
-.protyle-wysiwyg *[custom-f="dt"] .li::before,.protyle-wysiwyg *[custom-f="dt"] .li[fold="1"]::before{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li::before,.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li[fold="1"]::before{   
     content: '';   
     position: absolute;  
 	top: 50% !important;   
@@ -118,17 +119,17 @@
 }
 
 /*上竖线*/
-.protyle-wysiwyg *[custom-f="dt"] .li::before{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li::before{   
     bottom: 50%;    
     border-left:var(--b3-border-daotu) !important;  
 	left: 0px;
 }
 
-.protyle-wysiwyg *[custom-f="dt"] .li:hover::before{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li:hover::before{   
     border-left:var(--b3-border-daotu);  
 }
 /*下竖线*/
-.protyle-wysiwyg *[custom-f="dt"] .li::after{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li::after{   
     content: '';   
     position: absolute;  
 	bottom: 50%;   
@@ -137,7 +138,7 @@
 	height: 50% !important; 
 }
 /*单个子项直线*/
-.protyle-wysiwyg *[custom-f="dt"] .list>.li:first-child:nth-last-child(2)::after{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .list>.li:first-child:nth-last-child(2)::after{   
 	width: 0px;
 }
 /*单个子项直线对齐修正*/
@@ -147,20 +148,20 @@
 	margin-bottom:-2px;
 }
 /*单子项居中*/
-.protyle-wysiwyg *[custom-f="dt"] .list>.li:first-child:nth-last-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .list>.li:first-child:nth-last-child(2){
     top: 50% !important;
     transform: translate(0, -50%);
 }
 /*取消多余线条*/
-.protyle-wysiwyg *[custom-f="dt"] .li:first-child::after,.protyle-wysiwyg *[custom-f="dt"]  .li:nth-last-child(2)::before{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li:first-child::after,.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"]  .li:nth-last-child(2)::before{   
     border:none!important;    
 }
 /*上框线*/
-.protyle-wysiwyg *[custom-f="dt"] .li:first-child::before{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li:first-child::before{   
     border-radius:5px 0 0 0 ;
 }
 /*下框线*/
-.protyle-wysiwyg *[custom-f="dt"] .li:nth-last-child(2)::after{   
+.protyle-wysiwyg [data-type="NodeList"][custom-f="dt"] .li:nth-last-child(2)::after{   
     border-bottom:var(--b3-border-daotu)!important;    
     border-radius:0 0 0 5px;    
 }
@@ -175,12 +176,12 @@
 	height: 0 !important;  
 }
 /*取消根目录线*/
-/* div *[custom-f="dt"]>[data-type="NodeListItem"]::before,
-div *[custom-f="dt"]>[data-type="NodeListItem"]::after{   
+/* div [data-type="NodeList"][custom-f="dt"]>[data-type="NodeListItem"]::before,
+div [data-type="NodeList"][custom-f="dt"]>[data-type="NodeListItem"]::after{   
 	display: none;
 } */
 /*根目录最小宽度，保证块标可点*/
-div *[custom-f="dt"]>[data-type="NodeListItem"]>[data-type="NodeParagraph"]>[spellcheck="false"]{
+div [data-type="NodeList"][custom-f="dt"]>[data-type="NodeListItem"]>[data-type="NodeParagraph"]>[spellcheck="false"]{
 	min-width:50px;
 }
 
diff --git a/style/block_attr/list2table.css b/style/block_attr/list2table.css
index 19865dc..007307f 100644
--- a/style/block_attr/list2table.css
+++ b/style/block_attr/list2table.css
@@ -7,7 +7,7 @@
 }
 /* ————————————————————所有子项目的表格（除去第一列其余的列），包含溢出的空白部分，所以才会有边框—————————————————————— */
 
-.protyle-wysiwyg *[custom-f="bg"] .li .list {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li .list {
     padding: 0px;
     margin: 0px !important;
 	width:100%;
@@ -16,25 +16,26 @@
 }
 
 /* ————————————————————对所有子列表项设置格式———————————————————— */
-.protyle-wysiwyg *[custom-f="bg"] .li {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li {
 	display: flex;
+    flex-direction: row !important;
     outline:  1px solid #383e3e;
     background-color: var(--b3-theme-background);
 	border-radius: 0px !important;
 }
 
 /* ————————————————————调整每个子列表项右侧边距———————————————————— */
-.protyle-wysiwyg *[custom-f="bg"] .li>div {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li>div {
     margin-right: 20px;
 }
 
 /* ————————————————————大神增加代码———————————————————— */
-.protyle-wysiwyg *[custom-f="bg"] [data-node-id].li>[data-node-id] {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] [data-node-id].li>[data-node-id] {
     margin-left: 6px !important;
 }
 
 /* ————————————————————对符号后文字设置格式———————————————————— */
-.protyle-wysiwyg *[custom-f="bg"] .p {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .p {
     flex: 1;
 	left:18px;
     text-align: left;
@@ -45,11 +46,11 @@
 	height:auto;
     margin: 0;
 }
-.protyle-wysiwyg *[custom-f="bg"] .li>.list>.li {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li>.list>.li {
     outline: none !important;
     border-top:1px solid #383e3e;
 }
-.protyle-wysiwyg *[custom-f="bg"] .li>.list>.li:first-of-type {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li>.list>.li:first-of-type {
     border-top: none;
 }
 /* ————————————————————去除小竖线———————————————————— */
@@ -66,20 +67,20 @@
 }
 /*单子项居中*/
 
-.protyle-wysiwyg *[custom-f="bg"] .list>.li:first-child:nth-last-child(2){
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .list>.li:first-child:nth-last-child(2){
     top: 50%;
     transform: translate(0, -50%);
 	height:100%;
 }
 
-.protyle-wysiwyg *[custom-f="bg"] .li [data-type="NodeHeading"]>[spellcheck]:after{
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .li [data-type="NodeHeading"]>[spellcheck]:after{
 	display:none;
 }/*取消标题层级提示*/
 
 
 
 
-.protyle-wysiwyg *[custom-f="bg"] .code-block {
+.protyle-wysiwyg [data-type="NodeList"][custom-f="bg"] .code-block {
 	width:calc(100% - 12px);
 }
 
@@ -87,3 +88,6 @@
 
 
 /* ---------------------------------------------------------列表转化为表格 END-------------------------------------------------- */
+
+
+
diff --git a/theme.json b/theme.json
index a6e1f49..8b43d91 100644
--- a/theme.json
+++ b/theme.json
@@ -2,7 +2,7 @@
   "name": "Tsundoku",
   "author": "Achuan-2",
   "url": "https://github.com/Achuan-2/siyuan-themes-tsundoku",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "displayName": {
     "default": "Tsundoku",
     "zh_CN": "積読"