"Reader Mode"主题组件反馈

这些建议很棒。不确定我将如何通过主题组件来实现它,但这是一个很棒的想法。

另外,今天我为该组件添加了一个更新,增加了某些可读性设置。

但我发现的一个问题是,它与我们安装在这里的元(meta)上的 DiscoTOC 组件交互不佳。我有一些修复它的想法,并将尝试在本周内完成。

3 个赞

非常好的组件。两个建议:

  • 我认为 Palatino 是阅读模式的一个不错的补充。
  • 行高将是一个有用的滑块。
2 个赞

太棒了!

看起来如果你不是管理员/版主,就会是这样。

你认为有可能将图标保持在原位而不移动它们吗?:thinking:

2 个赞

谢谢,这实际上只是因为我们在这里 dev 上安装的 discoTOC 主题组件。我将在本周努力让这两个组件和谐共处。

2 个赞

如果我们可以“存储”我的阅读模式设置,使其在不同主题之间保持不变,那就太棒了。从技术角度来看,有很多方法可以做到这一点。

2 个赞

我想知道当使用该设置时,我们如何改善闪烁/刷新/重影问题:

1 个赞

好主意!

哇,抖动得这么厉害!这是什么浏览器?我在 Chrome 中没有看到这个问题。

Chrome 124.0.6367.61,Windows 11 :smile:
我尝试禁用了所有扩展,结果还是一样。

我认为这是因为 top 的定位被不断更新了,而它本不应该被更新(top 的值似乎受字体大小的影响,此处面板应该是固定的 :thinking:

在 Firefox 上,情况也一样,但有时(尚未稳定复现),定位不会更新,这时会很流畅:

我稍后会提供更好的反馈。

1 个赞

我不确定这是否有帮助,但您的帖子给了我一个想法。

对于宽度滑块,步长增量非常小,设置为 1px,并且看起来很流畅。

但是字体步长太大了,我已经大大减小了它。因此,至少在实际文本大小增加和减小方面,字体大小的变化现在应该感觉更平滑一些。

您是指设置菜单的顶部定位吗?

1 个赞

是的,设置面板。考虑到那个大数字,它似乎是相对于主出口的。

我想知道设置面板是否可以相对于时间线控件。我不确定这是否可行。

例如,如果我将面板移到那里,您可以看到它的位置没有改变,因为相对于时间线,它并没有移动。您明白我的意思吗?

技术上来说是可以的,但我正在使用一个内置的 discourse 组件 DMenu。我可能需要询问所有者关于那里发生的事情的意见。

1 个赞
编辑:不行,这个想法不好,请不要照此操作。

你说得对!

我认为有一种方法可以告诉 DMenu 你想在哪个容器中插入代码,方法是使用 this.menu.registerPortalOutletElement

我通过在 .timeline-controls 中创建一个容器,然后将该容器元素传递给 registerPortalOutletElement 来进行了测试,对我来说是有效的。我不知道这是不是最好的方法,但它确实完成了任务。:thinking:

见下文

谢谢你,Joffrey!

1 个赞

我记得那个函数只设计为在应用程序启动时使用一次。之后再调用它会将所有未来的 DMenu 调用转移到该元素,从而破坏大量其他功能 :sweat_smile:

2 个赞

哦。 :sweat_smile: 是我的错。我以为它在组件插入时就设置好了;发帖前我还测试过。我可能是把内联菜单弄混了,然后。累的时候千万别看代码,哈哈。

编辑:我刚又检查了一遍,是的,它只设置一次。我很幸运没有弄坏任何东西。 :smile:

2 个赞

感谢您提供的组件,我非常喜欢使用它!我希望看到:

  1. 阅读模式选项中加入颜色选项。我个人喜欢在 Meta 中保持浅色模式,但如果在阅读模式下可以切换到深色/棕褐色配色方案就更好了。

    类似于 Safari 的阅读模式:

  2. 我希望点击主题外部能够取消阅读模式,而不是需要再次按下按钮。

  3. 如果阅读模式设置能在不同主题之间保持,并且有一个 :arrows_counterclockwise: 重置 按钮将其恢复到默认设置就更好了。

  4. 如果头像装饰也降低不透明度就更好了。它们在阅读模式下因为是全彩的,所以显得更加突出。

4 个赞

@Arkshine 我们自己的 Joffrey 更新了核心。您现在可以在 <DMenu> 中使用 @inline={{true}} 将弹出窗口内联渲染到容器中。

更新现已在 meta 上上线。

3 个赞

这太棒了,这正是我最终想要达到的用户界面。就字体大小、选择和内容宽度而言,我目前仍坚持使用简单的浏览器默认设置。

我也很喜欢 Arc 浏览器的 Boost 功能的用户界面。

不过,我将避免在阅读模式下允许使用 Wingdings 字体系列 :stuck_out_tongue_winking_eye:

2 个赞

太棒了!:tada:

我这边不再卡顿了。一切正常!谢谢你们两位 :+1:

3 个赞

我喜欢这个,并且预计我们的大多数用户也会喜欢它。不幸的是,Keegan 指出的不透明度不匹配也是阻碍我将其添加到我们的实例中的原因:

实际上,我更喜欢另一种方式,即用户个人资料和装饰保持全彩,但我同意真正的问题是装饰和个人资料图片的之间的不透明度不匹配。

Keegan 的其他三个观点巧妙地总结了我当时所有的想法。

迫不及待地想看到更多关于这个的开发 :star_struck:


编辑:
同事的评论:

我喜欢它!非常喜欢,甚至有兴趣选择让它默认激活。

4 个赞

我已经更新了。:smile: 感谢您的好意,很高兴您觉得它有用。

1 个赞