"Reader Mode"主题组件反馈

功能
, ,
41

谢谢 Jordan :slight_smile:

您的提交也使得识别控制此功能的 CSS 变得容易。我尝试了全彩色和完全隐藏的头像，在与几位同事交谈后，我们决定选择完全隐藏。

对于任何想更改为全彩色或完全隐藏头像的人，只需将以下内容添加为 主题组件：

完全隐藏头像

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 0;
    transition: opacity 0.3s;
    filter: none;
  }
}

显示头像全彩色

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 1;
    transition: opacity 0.3s;
    filter: none;
  }
}

字体大小在设置滑块中不持久

一位同事还发现，当我们点击字体大小设置后，然后再次返回时，滑块的设置并不持久。

这不是一个主要问题，但如果还没有注意到的话，值得一提。

附注：当向他们展示字体样式下拉菜单时，他们的回应是“哇，没有 Comic Sans :triumph:” :joy:

1 个赞
42

这个高级选项太酷了，我注意到在将文本设置为适合年龄的大小后，有一个小选项。

image
image1243×722 44.8 KB

2 个赞
43

啊是的，我需要在这里保存更改时的状态。将进行此更新 :+1:

1 个赞
44

我有一个正在工作的分支，其中包含本周将发布的一个重大更新。

  • 将所有更改外观和感觉的代码导出到一个 @service
  • 状态现在使用同一个 @service 在主题之间进行跟踪
  • 简化了菜单
  • 简化了字体选项

只需要解决一些小问题。但它现在已经可以运行了。

5 个赞
45

这看起来太棒了！

用户界面简洁干净；太美了。 :chefs_kiss:

3 个赞
46

组件已发布 :smile:

感谢大家的反馈和建议！

阅读模式 : eyeglasses:

5 个赞