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

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

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

以上展示均为原皮。

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

image.png

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

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

3808E93A2804E634E0E087B0405F9BF4.gif

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

image.png

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

image.png

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

image.png

image.png

  • 思源笔记

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

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

    26351 引用 • 109583 回帖

相关帖子

欢迎来到这里!

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

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

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

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

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

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

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

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

  • 支持一下,至少动画是有必要的

    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
  • 界面相关 @Vanessa

  • GloR 1 赞同

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

  • ebird98 via Linux

    真心希望有更好更明显的 标识 退出聚焦 的方式。

    虽然知道有聚焦功能,且可能正在聚焦,可在看清标志前还是心里有点发毛…😂

请输入回帖内容 ...

推荐标签 标签

  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    268 引用 • 666 回帖 • 3 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 186 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    37 引用 • 157 回帖 • 1 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 611 关注
  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    186 引用 • 1021 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 395 关注
  • 又拍云

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

    20 引用 • 37 回帖 • 573 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖
  • Spring

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

    947 引用 • 1460 回帖
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 825 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 713 关注
  • CentOS

    CentOS(Community Enterprise Operating System)是 Linux 发行版之一,它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    240 引用 • 224 回帖 • 1 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖 • 2 关注
  • 知乎

    知乎是网络问答社区,连接各行各业的用户。用户分享着彼此的知识、经验和见解,为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    134 引用 • 1127 回帖 • 109 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 225 关注
  • 机器学习

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

    77 引用 • 37 回帖
  • OneDrive
    2 引用 • 4 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 533 关注
  • 印象笔记
    3 引用 • 16 回帖
  • 自由行
    1 关注
  • Swagger

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

    26 引用 • 35 回帖 • 4 关注
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖 • 1 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 2 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖
  • GraphQL

    GraphQL 是一个用于 API 的查询语言,是一个使用基于类型系统来执行查询的服务端运行时(类型系统由你的数据定义)。GraphQL 并没有和任何特定数据库或者存储引擎绑定,而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 7 关注