登录 注册

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

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

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

以上展示均为原皮。

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

image.png

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

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

3808E93A2804E634E0E087B0405F9BF4.gif

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

image.png

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

image.png

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

image.png

image.png

  • 思源笔记

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

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

    21077 引用 • 82935 回帖 • 7 关注
2 感谢
3 赞同
7 回帖
2
728 175 14 382 10 12 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
回帖
133
 帖子
35
 积分
5878

近期热议

推荐标签 标签

  • 游戏

    沉迷游戏伤身，强撸灰飞烟灭。

    176 引用 • 814 回帖 • 1 关注
  • GraphQL

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

    4 引用 • 3 回帖 • 17 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 467 关注
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 9 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 31 关注
  • App

    App（应用程序，Application 的缩写）一般指手机软件。

    91 引用 • 383 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 28 关注
  • 智能合约

    智能合约（Smart contract）是一种旨在以信息化方式传播、验证或执行合同的计算机协议。智能合约允许在没有第三方的情况下进行可信交易，这些交易可追踪且不可逆转。智能合约概念于 1994 年由 Nick Szabo 首次提出。

    1 引用 • 11 回帖 • 5 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    406 引用 • 3568 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 19 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    7486 引用 • 34055 回帖 • 196 关注
  • 自由行
    • 4 关注
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。

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

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

    14 引用 • 53 回帖 • 530 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议，并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。

    927 引用 • 937 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器，在 1999 年被捐献给 ASF（Apache Software Foundation），隶属于 Jakarta 项目，现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范，同时也提供 HTTP 服务，是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 2 关注
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据（或者事件）流的 API。它组合了观察者模式，迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 148 关注
  • 创业

    你比 99% 的人都优秀么？

    83 引用 • 1398 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 94 关注
  • WordPress

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

    65 引用 • 113 回帖 • 264 关注
  • OnlyOffice
    4 引用 • 5 关注
  • 正则表达式

    正则表达式（Regular Expression）使用单个字符串来描述、匹配一系列遵循某个句法规则的字符串。

    31 引用 • 94 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • JRebel

    JRebel 是一款 Java 虚拟机插件，它使得 Java 程序员能在不进行重部署的情况下，即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 652 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎，采用 Java 语言编写，不受平台的限制，同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式，可以兼容一些主流的数据库，因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 650 关注
  • BookxNote

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

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

    1 引用 • 1 回帖

最新标签