Achuan-2 / siyuan-themes-tsundoku

a simple and beautiful theme for siyuan-note
GNU General Public License v3.0
98 stars 5 forks source link

[特性建议]希望能将有序列表的序列号设置成onenote的形式 #21

Closed liuyuanphy closed 2 years ago

liuyuanphy commented 2 years ago

主题作者您好,您的这个主题真的非常好用和美观,我学习效率都提升很多,感谢您的劳动和无私奉献! emm有一个建议能否将序列号设置成onenote的形式。见:https://ld246.com/article/1645946318817

Achuan-2 commented 2 years ago

你好,请问你有具体实现方法吗

Achuan-2 commented 2 years ago

image 暂时搞出来了,我先试用一段时间再看看效果

/*  二级有序列表 */
div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]{
    counter-reset: o2;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order {
    color:transparent !important;
}
div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order::before {
    content: counter(o2,decimal)")";
    counter-increment: o2;
    color:var(--b3-theme-on-surface);
    position: absolute;
}

/*  三级有序列表 */

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]{
    counter-reset: o3;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order {
    color:transparent !important;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order::before {
    content: counter(o3,upper-latin)".";
    counter-increment: o3;
    color:var(--b3-theme-on-surface);
    position: absolute;

}

/* 四级有序列表 */

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]{
    counter-reset: o4;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order {
    color:transparent !important;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]>.protyle-action--order::before {
    content: counter(o4,lower-latin)".";
    counter-increment: o4;
    color:var(--b3-theme-on-surface);
    position: absolute;

}

/* 五级有序列表 */

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]> .list[data-subtype="o"]{
    counter-reset: o4;
}

div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]> .list[data-subtype="o"]>.li[data-subtype="o"] >.protyle-action--order {
    color:transparent !important;
}
div[data-subtype="o"][data-node-index].list > .li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"] > .list[data-subtype="o"]>.li[data-subtype="o"]> .list[data-subtype="o"]>.li[data-subtype="o"] >.protyle-action--order:before{
    content: counter(o4,lower-alpha)")";
    counter-increment: o4;
    color:var(--b3-theme-on-surface);
    position: absolute;
}
liuyuanphy commented 2 years ago

谢谢你!给你点赞!好人一生平安!

Achuan-2 commented 2 years ago

发布1.1.1版本了,关闭了