关于文档树插件 - 流动布局的设计方案,我重新构思了一个新的设计,不知道各位是否喜欢

原先(v0.3.7 和所有之前版本)设计:

  • 文档树保持不变
  • 鼠标悬浮时把缩进取消(变为 0),方便查看多级子文档的文档名,也方便操作多级子文档的按钮。
  • 鼠标离开时候恢复缩进,所以不影响查看(多级子)文档层级

优点:纯 css, 性能高

缺点:对一部分用户看起来感觉像 bug。虽然熟练后操作简单(我一直在用),但是对初学者理解精髓有难度

新构思的设计

  • 设计和之前一样,唯一的不同点是 toggle 一直保持在最前面

优点:视觉上更直观

缺点:不能纯 css 实现,需要监听器,需要赋值。由于 emoji 图标本身形状不规则,所以对于分辨子文档层级的明显程度更低一些

备注

这个流动布局的设计从该插件 0.1.0 版本开始就存在

本次讨论仅针对界面进行微调,不是带来新的设计

喜欢哪个方案

多选 公开 永不结束 19 票
原先方案
63% 12 票
新的方案
31% 6 票
其他
5% 1 票

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    18782 引用 • 70227 回帖
3 操作
zxkmm 在 2024-04-14 21:18:36 更新了该帖
zxkmm 在 2024-04-14 15:58:18 更新了该帖
zxkmm 在 2024-04-14 15:46:30 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
请输入回帖内容 ...