携帯電話での編集は非常に小さなウィンドウです

こちらが私のものです:(ブラウザ、アプリではありません)



ただし、数字行を非表示にすると、使い慣れている一番上の行の長押し記号も消えてしまうので好きではありません。

PWA:

「いいね!」 2

それは@JammyDodgerのスクリーンショットにも表示されています。デスクトップ表示が原因だとは思いません。もう一度試したところ、ヘッダーが表示されないことがありましたが、それ以来、ヘッダーは常に表示されています。

「いいね!」 2

はい、スクリーンショットの一部でキーボードを表示したままにするのを忘れていました。画面の半分がキーボードで覆われていると想像してください。また、いくつかは「ロングスクリーンショット」を押してから、長すぎる部分を切り取った可能性があります。いずれにしても、他のサイトの広々とした入力ボックスに感銘を受けすぎたので、ついやってしまいました。

フォントサイズ/(Android、Chromeではない)画面ズームスライダーの設定については、通常より少し右(大きく)にしてテストしてください。古い目のユーザーは携帯電話を使用している可能性があると予想されます。

Chromeメニューで「デスクトップ表示を使用」を選択しましたか?いいえ、PWAにはChromeメニューはないと思います。

いずれにしても、私の言いたいことは次のとおりです。一部の電話では、3行しか表示されない新しいトピック入力フィールドしかないというのは本当です。はい、その中に好きなだけ多くの行を入力できますが、それでも表示される領域は3行しかありません。

テストしました。そして、各増加で編集領域が縮小されます。

一部のユーザー(特に高齢のユーザー)は大きな文字を必要としていることを尊重します。

しかし、文字が大きくなるほど、作曲家のテキストエリアを含む他のもののためのスペースが少なくなることも尊重しなければならないはずですか?

ですから、常にトレードオフであり、Discourseはそのトレードオフを避けるのが難しいということですか?

「いいね!」 1

メッセージを作成している間、各項目を画面上に表示しておくことの重要性についてです。例えば、グループ名を常に画面に表示しておくことは重要でしょうか?メッセージのタイトルは?タグボックスは?通常、ユーザーはこれらを一度設定してからメッセージの作成に進みます。折りたたんだり巻き上げたりできるようにすることをお勧めします。ユーザーが調整する必要がある場合は、巻き戻して展開できます。

「いいね!」 1

こんにちは、モバイルでデフォルトで赤い枠で囲まれたエリアを非表示にすることは可能だと思いますか?
どのファイル/部分を変更すればよいですか?
よろしくお願いします。

また、ほとんどの場合、ユーザーは投票ではなく新しいトピックを作成すると思います。
そのため、この部分を「入力タイトル」にマージする方が良いかもしれません。例えば、「入力タイトル」の右側に配置するなどです。
image

マンダリンは文字の複雑さから、ここでの課題がユニークになる可能性があります。そのため、電話レベルでの文字サイズを縮小する選択肢はより限られていますか?

前のトピックからお答えします。Yt.wは、次のような理由で、特定の条件下でツールバーをデフォルトで無効にしたいと考えていました。

私はそのためのコードを作成できるかもしれないと考えました。これは単なる応急処置です。
実際、Discourseではデフォルトで、ウィンドウ幅が370未満の場合、またはAndroidの場合は、ツールバーが非表示になります。

const storedVal = keyValueStore.get("toolbar-enabled");
if (this._toolbarEnabled === undefined && storedVal === undefined) {
  // iPhone 6は375なので、それより狭い場合はツールバーが
  // デフォルトで無効になるはずです。
  // それでも状態を記憶しておくべきです
  this._toolbarEnabled =
    window.innerWidth > 370 && !this.capabilities.isAndroid;
}

私のコードは、この動作を任意のモバイルビューに一般化するための拡張にすぎません。

あなたに同意します。別のアプローチは、バーガーアイコンがツールバーを切り替えることを何らかの方法でユーザーに教育することです!

「いいね!」 1

それがまさに私が意味することです :slight_smile:
それらのコードをどこに追加すればよいか教えていただけますか?
ありがとうございます!

それを考えています。
UIを右側のものから左側のものに変更することは可能ですか?
どのファイルをどのように変更すればよいか教えていただけると大変助かります。

「いいね!」 1

日本語 :slight_smile:

モバイルではこのアイデアは良いですね!残念ながら、これはかなり大きな構造変更になると思います。

これを改善するためにいくつか行うべきだと思います:

  1. 高さが足りない場合はツールバーを無効にする
  2. 新規トピックの行の高さを1行減らすことを検討する。これも役立つかもしれません。(特に高さが限られている場合)

大きなデバイスではこれはほとんど問題になりませんが、特定のフォームファクターでは現在非常に悪い場合があります。

@Arkshine さん、1番目のPRを試してみませんか?

「いいね!」 5

Ah yes. Good catch. So let’s add Japanese to the list too.

確かに、デフォルトの日本語キーボードはQWERTYキーボードよりも3行多くテキストを占有します!

代替案として、画面に表示されるキーボードではなく手書きで入力したり、音声入力を使用したりすることもできます。また、ご存知ない方のために、外部キーボードを携帯電話/コンピューターに接続することも可能です。一部の「電話」は、Samsung DeXのように、外部ディスプレイとマウスを備えたデスクトップOSを実行することもできます。

上記はSamsungの手書きシステムで、Gboardのように2番目のボックスを必要としません。

こんにちは :waving_hand:

モバイルでもフルスクリーンオプションを追加できるシンプルなテーマコンポーネントを作成しました。必要に応じてスペースを広げるための良い解決策になると思います。

コンポーネントはCSS部分でもう少し作業が必要かもしれませんが、全体的にはうまく機能します。:+1:

「いいね!」 5

はい!考えてみます。試してみます。

素晴らしい!このフルスクリーンボタンは非常に理にかなっています。

「いいね!」 6

Sam has already explained that this is Japanese, I would like to add a little bit, Mandarin is generally shorter than English so no need to worry (x

iPhoneに表示されません :thinking:

編集:Donさんの迅速な修正後、正常に動作します

「いいね!」 1

はい、修正しました。

「いいね!」 7