登录 注册

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

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

感谢 D 大和 V 大让小圆点点击即可聚焦，谢谢！

以上展示均为原皮。

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

image.png

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

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

3808E93A2804E634E0E087B0405F9BF4.gif

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

image.png

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

image.png

重现这个小杠也是可以考虑考虑的（理由如下）：

image.png

image.png

  • 思源笔记

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

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

    19811 引用 • 75861 回帖
2 感谢
3 赞同
7 回帖
2
661 175 14 318 9 10 134

相关帖子

7 回帖
关于大纲圆点改后一些想说的话（希望再精进一点）

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Aiviokoo •
    订阅者 恶龙 作者

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

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

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

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

  • PiChou •
    订阅者 付费者

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

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

  • 88250 •
    订阅者 MOD

    关联 Issue #9004 · siyuan-note/siyuan

  • Henmy • • 1 评论
    付费者 支持者 捐赠者

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

    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 •
  • 88250 •
    订阅者 MOD

    界面相关 @Vanessa

  • GloR • • 1 赞同
    付费者

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

  • ebird98 •
    付费者 捐赠者

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

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

请输入回帖内容 ...
Aiviokoo
回帖
131
 帖子
34
 积分
5949

近期热议

推荐标签 标签

  • RESTful

    一种软件架构设计风格而不是标准，提供了一组设计原则和约束条件，主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。

    30 引用 • 114 回帖
  • PWA

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

    14 引用 • 69 回帖 • 140 关注
  • 导航

    各种网址链接、内容导航。

    37 引用 • 168 回帖
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖
  • Sphinx

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

    1 引用 • 192 关注
  • 面试

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

    324 引用 • 1395 回帖 • 2 关注
  • SendCloud

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

    2 引用 • 8 回帖 • 445 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    122 引用 • 73 回帖 • 1 关注
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具，是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 233 关注
  • Pipe

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

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

    131 引用 • 1114 回帖 • 138 关注
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 13 关注
  • danl
    • 89 关注
  • GitHub

    GitHub 于 2008 年上线，目前，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。正因为这些功能所提供的便利，又经过长期的积累，GitHub 的用户活跃度很高，在开源世界里享有深远的声望，并形成了社交化编程文化（Social Coding）。

    207 引用 • 2031 回帖
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    675 引用 • 535 回帖
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    9 引用 • 32 回帖 • 152 关注
  • PHP

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

    165 引用 • 407 回帖 • 514 关注
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 604 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 391 关注
  • gRpc
    10 引用 • 8 回帖 • 51 关注
  • JetBrains

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

    18 引用 • 54 回帖
  • 爬虫

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

    106 引用 • 275 回帖 • 1 关注
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 4 关注
  • API

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

    76 引用 • 429 回帖
  • GitLab

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

    46 引用 • 72 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    713 引用 • 1174 回帖 • 119 关注
  • QQ

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

    45 引用 • 557 回帖 • 181 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    45 引用 • 113 回帖 • 285 关注

最新标签