Discourse モーダル グリップ

:information_source: 概要 Modal Grip
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ GitHub - VaperinaDEV/discourse-modal-grip
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマ使用の初心者向けガイド

このテーマコンポーネントをインストール

こんにちは :wave:

このシンプルなテーマコンポーネントは、モーダルにグリップを追加します。モバイルタッチデバイスでモーダルの上に表示されます。閉じるボタンを非表示にし、タイトルを中央揃えにします。 Add grip to mobile modals に触発されました。

設定を変更できるオプションがいくつかあります。 :arrow_down_small:


グリップはキーボードが表示されていない場合にのみ表示されます。キーボードが表示されている場合、境界線の半径は0になり、閉じるボタンなどを含むデフォルトのモーダルヘッダーが戻ってきます。これは、キーボードが表示されている場合、モーダルが全画面表示になり、グリップを保持すると、モーダルを閉じるのではなく、誤って電話の通知センターをスライドダウンさせてしまう可能性があるためです…

Table Builderモーダル、Chat新規メッセージモーダル、Templatesモーダルなど、他のモーダルにも調整が加えられています。

また、既知の閉じられないモーダルからグリップが非表示になっています。

「いいね!」 6

わずかな変更ですが、UXの大きな改善です。よくやりました。:+1:

「いいね!」 3