思源主题 Sofill- 0.44 更新分享

2022-10-24 released

引入特性：

1. 导出 PDF 界面样式调整 · Issue #124 · Hi-Windom/winsay (0.44)

改进优化：

1. 二级标题展开态鼠标悬浮样式补充 · Issue #123 · Hi-Windom/winsay (0.44)
2. Android Pad 端取消隐藏顶栏 · Issue #121 · Hi-Windom/winsay (0.44)
3. Android Pad 端代码显示彩条 · Issue #122 · Hi-Windom/winsay (0.44)
4. Android Pad 端始终显示侧栏操作控件 · Issue #127 · Hi-Windom/winsay (0.44)
5. Android Pad 端取消隐藏侧栏边框线 · Issue #126 · Hi-Windom/winsay (0.44)

缺陷修复：

1. 文档树显示文档图标异常 · Issue #119 · Hi-Windom/winsay (0.44)
2. Android Pad 端竖屏状态下，【设置】搜索输入时被输入法面板顶出可视范围 · Issue #125 · Hi-Windom/winsay (0.44)

感谢热心网友的反馈与帮助 ❤️

文档树显示文档图标异常问题

问题由【设置】-【外观】-【文档图标使用系统原生 Emoji】选项引起，许多主题的显示都存在问题。

解决方法很简单，只需要加入如下代码：

/* 文档树显示文档图标异常 #119 */
.b3-list-item__icon {
  font-family: Segoe UI emoji;
}

Android Pad 端取消隐藏顶栏

许多主题都设置了顶栏自动隐藏，Sofill- 也是如此，这样的设计在安卓平板端显得不那么友好，Sofill- 0.44 的解决方案是：

首先在 theme.js 中写入

window.theme.clientMode = (() => {
  let url = new URL(window.location.href);
  switch (true) {
      case url.pathname.startsWith('/stage/build/app'):
          return 'body--app';
      case url.pathname.startsWith('/stage/build/desktop'):
          return 'body--desktop';
      case url.pathname.startsWith('/stage/build/mobile'):
          return 'body--mobile';
      default:
          return null;
  }
})();
document.body.classList.add(window.theme.clientMode);

然后在隐藏顶栏的部分 CSS 代码加上 body:not(.body--desktop) 限定就好了。

Android Pad 端竖屏状态下，【设置】搜索框输入时被输入法面板顶出可视范围

这个问题的触发条件时，打开【设置】时，输入法面板处于关闭状态且不是悬浮键盘，此时打开【设置】，搜索框获取焦点并呼出输入法面板。

解决方法也很简单，只需要加入以下代码：

/* fix Android Pad 端竖屏状态下，【设置】搜索输入时被输入法面板顶出可视范围 #125 */
body.body--desktop .b3-dialog__container {
  max-height: 100%;
}