タブレット向け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