登录 注册

文档树嵌套多层时热区不合理，导致“打开此层文档”和“展开子层文档”容易误操作

本贴最后更新于 181 天前，其中的信息可能已经沧海桑田

使用日记天然地会产生多层嵌套

但是如果我想打开蓝框标记的这一个文档

image.png

我只能点击绿框标记的这极小的只有几十像素的区域才能打开，难度直逼盲狙爆头。尤其在移动端竖屏，基本上是不可点的状态。

我直觉中觉得应该设计点击黄区也可以打开当前文档

image.png

但是这部分黄区现在被划分成展开子文档，也就是其实下箭头的热区一直延伸到了黄区左端，我觉得不合理

实际上如果没有子文档，黄区就是绿区的功能。但是一旦嵌套，就出问题了。希望 D 大考虑下，改成黄区也起到绿区的功能，谢谢。

  • 思源笔记

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

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

    28446 引用 • 119789 回帖
成都 位置
3 回帖
170 70 6 36 1 57

相关帖子

3 回帖
文档树嵌套多层时热区不合理，导致“打开此层文档”和“展开子层文档”容易误操作

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • nightstars • • 1 评论
    付费者

    感觉这个 CSS 或许对你有帮助

    感谢推荐，试了下，能够起到一定效果。不过上面 HugZephyr 的方法，效果更好
    yuanxingyu •
  • 88250 • • 3 评论
    订阅者 MOD

    按照你截图的这个情况，如果黄色区域改为打开的话展开就会变得困难（因为这个文档也有子文档 Go...），所以似乎两者不太容易兼顾，所以还是暂时保持不变了，感谢反馈。

    D 大 导出 PDF 的时候，关闭“添加文档标题”的设置应该同步给“合并子文档”和“引用块”吧 这个问题会解决么
    MasterYS •
    @MasterYS 暂时没有时间解决，后面看吧，谢谢。
    88250 • • 1
    了解这背后的考量了，感谢 D 大回复
    yuanxingyu •
  • HugZephyr • • 1 评论
    付费者

    在隐藏图标的基础上, 可以用下这个, 不过折叠按钮有点小, 可以调大一下

    也可以通过调整 18px, 来让缩进变小一点

    :root {
    --hz-arrow-padding-left: 4px; /* 折叠按钮左侧空间, 值越大折叠按钮越宽 */
    --hz-basic-left-indent: 18px; /* 每一层的缩进量, 值越大, 缩进越宽 */
}
.sy__file>div>ul>ul li>span.b3-list-item__toggle { padding-left: var(--hz-arrow-padding-left)!important; }
.sy__file > div > ul > ul li { padding-left: calc((var(--hz-left-level) * var(--hz-basic-left-indent)) - var(--hz-arrow-padding-left)); }
.sy__file > div > ul > ul > li { --hz-left-level: 1; } /* 第一级 */ 
.sy__file > div > ul > ul > ul > li { --hz-left-level: 2; } /* 第二级 */ 
.sy__file > div > ul > ul > ul > ul > li { --hz-left-level: 3; } /* 第三级 */ 
.sy__file > div > ul > ul > ul > ul > ul > li { --hz-left-level: 4; } /* 第四级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 5; } /* 第五级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 6; } /* 第六级 */ 
.sy__file > div > ul > ul > ul > ul > ul > ul > ul > ul > li { --hz-left-level: 7; } /* 第七级 */

    PixPin20250624121307.gif

    试了下，这个效果和我预想的可以说一致，感谢分享
    yuanxingyu •
yuanxingyu
成都
回帖
1
 帖子
1
 积分
466

近期热议

推荐标签 标签

  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本，加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较（vimdiff）、语法高亮、全面的帮助系统、本地脚本（Vimscript）和便于选择的可视化模式。

    29 引用 • 66 回帖
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖
  • 电影

    这是一个不能说的秘密。

    125 引用 • 610 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 44 关注
  • 持续集成

    持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。

    15 引用 • 7 回帖
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 577 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用（如 Word、Excel 和 PowerPoint）与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起，可帮助你在任何设备上完成操作。

    6 引用 • 35 回帖
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    182 引用 • 400 回帖 • 1 关注
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1062 引用 • 3456 回帖 • 124 关注
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    110 引用 • 153 回帖
  • Flutter

    Flutter 是谷歌的移动 UI 框架，可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 Flutter 可以与现有的代码一起工作，它正在被越来越多的开发者和组织使用，并且 Flutter 是完全免费、开源的。

    39 引用 • 92 回帖 • 16 关注
  • OpenCV
    15 引用 • 36 回帖 • 1 关注
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 8 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    167 引用 • 408 回帖 • 494 关注
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    173 引用 • 1559 回帖
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    91 引用 • 113 回帖
  • 笔记

    好记性不如烂笔头。

    315 引用 • 790 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    502 引用 • 1397 回帖 • 241 关注
  • OneDrive
    2 引用 • 2 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    45 引用 • 44 回帖 • 2 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 152 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • Word
    13 引用 • 41 回帖 • 1 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3206 引用 • 8217 回帖
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    12 引用 • 5 回帖 • 660 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    56 引用 • 85 回帖 • 1 关注

最新标签