为平板设备显示 Composer 全屏切换按钮

:information_source: 摘要 在屏幕较大的触控设备(例如平板电脑)上恢复编辑器中的全屏切换按钮,该按钮默认是隐藏的
:eyeglasses: 预览 Theme Creator
:hammer_and_wrench: 代码仓库 https://github.com/moin-Jana/unhide-composer-fullscreen-toggle-for-tablets
:question: 安装指南 如何安装主题或主题组件
:open_book: 初次接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题组件

这是一个非常简单的组件,正如其名称所示,它仅执行其功能:在屏幕较宽的触控设备上显示编辑器的全屏按钮。唯一可见的变化是右上角的一个小按钮:

原因与我之前报告该按钮缺失时相同:

特别是在横向使用平板电脑时,垂直空间相当有限。在这种情况下,能够在撰写新帖子时隐藏标题和分类选择字段会非常有帮助。在我的平板上,使用全屏按钮后,我可以多看到 7 行文本。

此外,我有时发现很难使用编辑器顶部的拖动手柄来调整其大小。不幸的是,当我尝试通过向下滑动来减小大小时,经常会意外刷新页面,然后不得不重新打开我的草稿。有了这个切换按钮,只需点击一下即可,而且不会意外刷新页面 :tada:

我创建此组件是为了让管理员尽可能轻松。话虽如此,CSS 的更改非常微小,因此,如果管理员不想仅为单行代码安装组件,也可以直接将其添加到他们的主题中。对于管理员尚未安装此组件的用户,Stylus 或类似的浏览器扩展和应用程序同样有效——这也是我在此 Meta 站点上使用它的方式:

@media (hover: none) and (width >= 40rem) {
  .discourse-touch #reply-control .toggle-fullscreen,
  .mobile-device #reply-control .toggle-fullscreen {
    display: flex;
  }
}
1 个赞