登录 注册

1.8.7 折叠小三角的位置问题

本贴最后更新于 1116 天前，其中的信息可能已经天翻地覆

下图中，箭头标出的小三角其实是属于第一个列表项，但是它所在的位置却很难直观感受出这一点：

image.png

另外，块标和小三角都需要鼠标悬浮到内容块上才显示，假设鼠标本来在下图中的 A 位置，经过箭头标出的路径移到 B 位置，块标和小三角都不会显示，而这本来是最符合直觉的鼠标移动路径：

image.png

这样一来，为了点击到小三角，鼠标移动时就不得不走以下两种曲折路径：

image.png

总之感觉这个小三角的交互还有很大优化空间

  • 思源笔记

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

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

    24742 引用 • 101646 回帖
1 引用
1， 小三角在列表前面时不显示，仅接触列表时才显示 2. 折叠标题内容时有点迟钝，没列表折叠快，慢很多 • 88250
1 操作
deerain 在 2022-03-05 23:46:06 更新了该帖
3 感谢
1 关注
1 收藏
6 赞同
1 引用
1 操作
14 回帖
3
1.8k 279 251 630 37 27 515

相关帖子

14 回帖
1.8.7 折叠小三角的位置问题

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Belf •
    付费者

    关于这个内容我也提一个建议。

    假如我的列表项里嵌套了一个任务项，那这个块的块标会特别多（如下），小三角的位置很气管，也不好操作。都很容易就点错了。

    我一直觉得列表项块和列表块的区分，导致一个块有好几种块类型的情况不是很合理。也就是 D 大以前说的一炮三响的问题，这个我还是觉得需要再考虑，只是我也提不出啥建设性的意见，也是不好意思。

    image.png

  • 其他回帖
  • szukkboy •
    订阅者 支持者 恶龙

    我的鼠标放在前面，可以自动出现那些图标啊。

    动画.gif

  • kobi • • 2 评论
    付费者 捐赠者

    哇塞，这个建议不错~

    我也想要一直显示折叠的小三角，不然都不知道下面还有内容~ 其他的小三角的颜色可以浅一些，和当前块的父级及以上的小三角有所区分。

    希望可以考虑~ @Vanessa

    我这个回帖中的建议和你所说的建议貌似并不是一个建议😂，我这个回帖中的建议很早之前已经实现了。workflowy 中并不是一直显示折叠的小三角，而是对所有有子列表的列表项显示小三角，无论有没有折叠，只要有子列表都显示小三角
    fangly • • 1
    @fangly 不好意思，那搞错了，当我没提~😂
    kobi •
  • mozhu • • 1 评论
    订阅者 付费者 支持者 捐赠者

    第一个问题，可能是主题宽度问题

    image.png

    换成默认主题也是这样，因为我同时开启了左右侧栏，中间编辑器区域一窄块标和小三角就会变成竖排了
    deerain •
  • 查看全部回帖
deerain
还好我技压全场
回帖
251
 帖子
57
 积分
9990

近期热议

推荐标签 标签

  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    79 引用 • 431 回帖
  • Vim

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

    29 引用 • 66 回帖 • 3 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 652 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    22 引用 • 148 回帖 • 11 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 642 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 157 关注
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    99 引用 • 367 回帖
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 544 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和，范畴较广，一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖
  • Outlook
    1 引用 • 5 回帖
  • Markdown

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

    169 引用 • 1527 回帖
  • Gzip

    gzip （GNU zip）是 GNU 自由软件的文件压缩程序。我们在 Linux 中经常会用到后缀为 .gz 的文件，它们就是 Gzip 格式的。现今已经成为互联网上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

    9 引用 • 12 回帖 • 169 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • 爬虫

    网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。

    106 引用 • 275 回帖
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    36 引用 • 155 回帖
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 541 回帖 • 2 关注
  • Access
    1 引用 • 3 回帖 • 7 关注
  • 又拍云

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

    20 引用 • 37 回帖 • 570 关注
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    172 引用 • 515 回帖
  • 人工智能

    人工智能（Artificial Intelligence）是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    157 引用 • 289 回帖
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 319 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖 • 1 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 2 关注

最新标签