自定义样式:搜索窗口改造(窗口放大 + 左右布局)

如果兄弟们用的满意,别忘了使用我得推荐码:K9TdVww

作为 512 成员之一,推荐码还没有开张过。。



一直觉得思源的全局搜索还不够好用,空间利用效率不高,理想情况是 vscode 或者 obsidian 那样的。可惜自己搞不定,那就先在自己能力范围内,把目前的搜索界面小改一下:

改造效果如下:

图片.png

图片.png

相应 css 代码如下(不要解压,直接去掉.zip 后缀后,@import 到当前主题即可。注释很清楚,可以随意修改):

CtrlP.css 删掉 zip 不要解压.zip

6 操作
abbj 在 2022-05-06 23:07:31 更新了该帖
abbj 在 2022-04-04 23:45:17 更新了该帖
abbj 在 2022-04-02 09:51:01 更新了该帖
abbj 在 2022-03-30 14:00:30 更新了该帖 abbj 在 2022-03-29 10:35:20 更新了该帖 abbj 在 2022-03-29 10:29:44 更新了该帖

相关帖子

欢迎来到这里!

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

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

    没有,就先支持一下!感觉很好

  • yjmsiyuan

    压缩包解不开

    1 回复
  • abbj
    支持者 订阅者 作者

    看正文,直接删扩展名,不要解压

  • yjmsiyuan

    不好意思。不错,使用没问题

    1 操作
    yjmsiyuan 在 2022-03-26 13:24:30 更新了该回帖
  • Zhangwuji
    订阅者

    牛逼!

  • lzuwujx
    订阅者

    太棒了!正需要这个!👍

  • Goddard
    支持者 订阅者

    请问一下,@import 是啥意思,怎样操作

    1 回复
  • abbj
    支持者 订阅者 作者

    直接把附件内容复制粘贴到当前主题的 theme.css 文件中也行。

    @import 是不复制文件正文而引入文件的一种方法,可以百度一下。

  • Zhangwuji
    订阅者

    大佬好,我是 zhang-light 主题的作者,用了两天您写的这串代码,感觉很好用。鼠标的移动距离短了许多,可视面积大了许多,我能否将这串代码加到主题里边,到时候可能会上传到集市 😄

    1 回复
  • abbj
    支持者 订阅者 作者

    可以的,随意用吧,能让更多人用到就更好了,我自己懒得上传集市。

    代码有更新(正文有说明),记得下载新版。

    我也不是大佬,D 和 V 才是,我就是需要学习,找到一个满意的工具不容易,希望大家一起,让跟多人接触和使用思源笔记,让两位开发者持续改进这个工具 😄😄

    1 回复
  • Zhangwuji
    订阅者

    感谢感谢,我会在集市中进行说明的

    1 回复
  • abbj
    支持者 订阅者 作者

    又做了一点更新,记得重新下载 😄

    1 回复
  • Zhangwuji
    订阅者

    ok~

  • Achuan-2
    订阅者

    哇,感谢大佬。确实舒服好多

    image.png

    1 回复
    1 操作
    Achuan-2 在 2022-04-02 01:07:31 更新了该回帖
  • abbj
    支持者 订阅者 作者

    即使改完之后,左侧路径信息还是占据了太多空间。

    要是能彻底改成 obsidian 或者 vscode 那种样式就好了。

    1 回复
  • abbj
    支持者 订阅者 作者

    @participants 兄弟们,又有更新了。

    2 回复
  • lzuwujx
    订阅者

    一直在用,很好用,感谢!!!

  • Zhangwuji
    订阅者

    更新够快的 😄

  • Achuan-2
    订阅者

    这个是官方的问题吧,上下布局也是如果路径太长的话,就会完全占据高亮内容

    1 回复
  • abbj
    支持者 订阅者 作者

    是的,是官方设计的问题。感觉自定义 css 的方法优化空间不大了。

    个人感觉最好是搜索结果按所在文件分组,可以折叠展开,使用效率比现在高很多。

    1 回复
  • Achuan-2
    订阅者

    可以提建议啊,思源本文档搜索还有一个很大硬伤是不能按顺序查找

    1 回复
  • abbj
    支持者 订阅者 作者

    提过好多次了,感觉在 D 大那边优先级不高。懒得再提了,慢慢等吧。估计用户多了之后,提的人也会变多的。

    1 回复
  • Zhangwuji
    订阅者

    大佬好,在使用主题的过程中,有朋友给 CtrlP.css 提供了反馈,说搜索窗口太大,能否减小窗口尺寸。

    不知这个有没有实现的可能

    Issue #27 · UserZYF/zhang-light

    1 回复
  • abbj
    支持者 订阅者 作者

    图片.png

    修改这两个数字就好了,可以理解为搜索窗口占当前思源笔记主体窗口长宽的百分比。

    1 回复
  • Zhangwuji
    订阅者

    感谢,设置成 80 之后,宽度和官方的设置面板宽度一样了 😄

    1 回复
  • abbj 1 赞同
    支持者 订阅者 作者

    想要恢复官方宽度的话,直接把 width 那行删掉就行。

    官方宽度的数值在开发者工具里可以看出来。

  • abbj 1 赞同
    支持者 订阅者 作者

    @participants 各位,又有更新了,建议跟进,原先的版本有点小问题,结果预览显示不全。

  • dugufeiyun 1 赞同

    还是希望思源原生就能支持搜索栏左右布局。

  • abbj 1
    支持者 订阅者 作者

    @participants 各位,又有一点小改动,可以了解下。

  • yjmsiyuan 1

    必须回帖支持,一直在用!

请输入回帖内容 ...