[建议] 折叠了以后前面添加一个符号来标识此块被折叠

现在折叠了以后只是字体颜色变淡,很难分辨出是被折叠了,建议在前面加一个符号,比如三角形来标识此块被折叠

比如:

image.png

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • crowds21
    订阅者

    如果只是为了分辨有没有被折叠,可以通过 CSS 来达到目的吧,虽然效果不一定是前面变成三角.

    被折叠的块会多一个 fold 属性,很多主题都有设置大标题折叠前面有标识之类的东西, 改一改加到列表上就好了.
    image.png

    比如我自己用的主题折叠后的无序列表是这种效果

    image.png

    /*无序列表折叠*/
    [data-subtype=u][data-type=NodeList][fold] [data-node-id].li>.protyle-action[draggable]::after {
    	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important;
    }
    [data-subtype=u][data-type=NodeList][fold="1"] [data-type=NodeListItem] svg{
    	color: var(--b3-theme-primary);
    }
    [data-subtype=u][data-type=NodeList] [data-node-id].li[fold]>.protyle-action[draggable]::after {
    	box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important;
    }
    [data-subtype=u][data-type=NodeList] [data-type=NodeListItem][fold="1"] svg{
    	color: var(--b3-theme-primary);
    }
    
    

    1 操作
    crowds21 在 2021-10-03 23:36:56 更新了该回帖
  • 其他回帖
  • 88250
    订阅者

    这个之前有过考虑,目前还是决定不动了,抱歉。

  • Pusuanzi

    强烈介意增加 notion 一样的 toggle list 的图标,现在思源这个用着,内容容易忽略