思源笔记如何修改文档树 emoji 图标大小

思源笔记如何修改文档树 emoji 大小

问题

当在文档树内的图标上,使用自定义 emoji 的时候,会出现图标明显偏小,导致排版不佳,视觉效果不好,强迫症直接爆炸 💣

首先找到 .css 渲染文件

  1. 打开到思源笔记的安装目录,找到 resources 目录
    image-20240814190150561

  2. 进入到如下路径,找到 base......css

    resources\stage\build\app
    

    image-20240814190224493

编辑 .css 文件

  • 打开找到的 base......css 文件,查找代码段 .b3-list-item__icon svg,.b3-list-item__icon img

image-20240814190232990

  • 修改三个元素
/* 原 */
margin:3px 0;
/* 改为 */
margin-right:4px 0;
/* 原 */
height:16px;width:16px;
/* 改为 */
height:22px;width:22px;

image-20240814190245863

image-20240814190252635

重启思源笔记查看效果

- The End -
  • Emoji
    16 引用 • 106 回帖
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    197 引用 • 549 回帖
  • 思源笔记

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

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

    22250 引用 • 88929 回帖

相关帖子

欢迎来到这里!

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

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