关于大纲圆点改后一些想说的话(希望再精进一点)

本贴最后更新于 495 天前,其中的信息可能已经水流花落

感谢 D 大和 V 大让小圆点点击即可聚焦,谢谢!

以上展示均为原皮。

小圆点被误触可能的原因:

image.png

小圆点被误触后误以为丢了笔记的原因 1:

WorkFlowy 有非常明显的动画提示(思源没有相应的动画告知用户已经点了聚焦了,几乎没有聚焦的过程,只有右上脚有一个不太明显的 退出聚焦 几个字,以及页面变化了,的聚焦后的结果)

3808E93A2804E634E0E087B0405F9BF4.gif

小圆点被误触后误以为丢了笔记的原因 2:

image.png

另外还需要反映一个 bug:小圆点在只读模式下点击没有任何反应,不能聚焦。

image.png

重现这个小杠也是可以考虑考虑的(理由如下):

image.png

image.png

  • 思源笔记

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

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

    23108 引用 • 93044 回帖 • 1 关注

相关帖子

欢迎来到这里!

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

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

    这里贴上今天还热乎的群里问题:image.png

    其实我想要的大纲圆点聚焦已经有了,我完全不需要花时间来组织语言来这个更精进,因为我的使用习惯会让我误触的概率极小,误以为笔记丢失的概率更是不可能有,发这个帖子完全是为了让思源更好,对思源,对新人更为友好。诚然,可能就需要麻烦 D 大和 V 大评估精不精进了,毕竟这就要您们花时间花精力了。

    觉得有必要精进一下的老铁可以给这个贴点个免费的赞或去 github 下面说说,让 D 大和 V 大能看到大家的反馈。

    关联 github:https://github.com/siyuan-note/siyuan/issues/9004

  • 其他回帖
  • 支持一下,至少动画是有必要的

    D 大,是否愿意补充一个聚焦的效果,就是我点圆点进入聚焦时,隐藏掉文档的标题,而把点击的圆点行变成聚焦后的首行,这样其是更醒目也更突出聚焦,workflowy 也是这个交互逻辑:

    现思源的效果如下

    image.png

    image.png

    image.png

    论坛有人贴过这个 CSS,我只是在上面加了个聚焦后显示的字体,CSS 如下:

    .protyle-title.protyle-wysiwyg--attr:has(+:not([data-doc-type='NodeDocument'])){
        display:none;
    }
    
    .protyle-title.protyle-wysiwyg--attr +:not([data-doc-type='NodeDocument'])>div.li:nth-child(1):before {
        display: none;
    }
    /*默认隐藏子弹头*/
    .protyle-title.protyle-wysiwyg--attr +:not([data-doc-type='NodeDocument'])>div.li:nth-child(1)>.protyle-action {
        color: transparent;
    }
    .protyle-title.protyle-wysiwyg--attr +:not([data-doc-type='NodeDocument'])>div.li:nth-child(1)>.protyle-action:hover {
        color: var(--b3-theme-on-background);
    }
    /*
    
    
    */
    .protyle-title.protyle-wysiwyg--attr +:not([data-doc-type='NodeDocument'])>div.li:nth-child(1)>:nth-child(2) {
        font-size: 1.7em;
        font-weight: bold;
         font-family: 得意黑
    }
    
    .protyle-title.protyle-wysiwyg--attr +:not([data-doc-type='NodeDocument'])>div.li:nth-child(1) > div[data-node-id] {
        display: block;
    }
    
    

    @88250

    1 回复
    1 操作
    Henmy 在 2023-08-20 12:49:58 更新了该回帖
    加了点动画效果,麻烦下个版本再看看。
    Vanessa
  • GloR 1 赞同

    D 大 V 大卓越的行动力,还有大家给出花式(且合理)idea 的能力,都好强 👍

  • 第一点应该是默认主题没有做 hover 显示大圆点效果,有些主题应该是有的,这个 V 姐可以考虑加入默认主题中。

    第二个 WorkFlowy 的聚焦动画挺好的,也希望思源能学习一下

  • 查看全部回帖

推荐标签 标签

  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用,而且功能强大。你无需专门学习,只需看上几眼,就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 614 关注
  • Swagger

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

    26 引用 • 35 回帖 • 7 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    1 引用 • 1 回帖 • 2 关注
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 538 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖
  • Gzip

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

    9 引用 • 12 回帖 • 150 关注
  • 电影

    这是一个不能说的秘密。

    121 引用 • 604 回帖
  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • Solidity

    Solidity 是一种智能合约高级语言,运行在 [以太坊] 虚拟机(EVM)之上。它的语法接近于 JavaScript,是一种面向对象的语言。

    3 引用 • 18 回帖 • 403 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 218 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    166 引用 • 595 回帖 • 1 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 487 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 321 关注
  • Spark

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

    74 引用 • 46 回帖 • 560 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    27 引用 • 225 回帖 • 162 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    85 引用 • 139 回帖
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    334 引用 • 323 回帖 • 5 关注
  • CAP

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

    11 引用 • 5 回帖 • 614 关注
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 638 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    6 引用 • 14 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 3 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    943 引用 • 1460 回帖 • 1 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    325 引用 • 1395 回帖 • 1 关注
  • sts
    2 引用 • 2 回帖 • 198 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用,支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    20 引用 • 7 回帖 • 2 关注