Bearbeitungsbereich für neue Themen auf Mobilgeräten zu klein.

Hallo, ich überlege, ob es möglich ist, den nicht sicheren Bereich, der in einem roten Rahmen eingeschlossen ist, standardmäßig für Mobilgeräte zu sichern?
Welche Datei/welchen Teil sollte ich ändern?
Vielen Dank.

1 „Gefällt mir“

Das Hauptproblem, das Sie haben, ist die Zoomstufe/Textgröße auf Ihrem Telefon und/oder Ihrem Browser.

So sieht mein Bildschirm aus, wenn ich Ihnen auf meinem Pixel 6a (ein kleines Handy!) antworte:

Sie können die Symbolleiste mit der Hamburger-Schaltfläche ausblenden.

2 „Gefällt mir“

Aber… da ist noch mehr :wink:

  • Schnelles Bearbeiten funktioniert nicht in Bildern :man_facepalming: also: of = if

Obwohl der Screenshot in der OP eine Themenbearbeitung zu sein scheint, nehmen der Thema-Titel, die Kategorie und die Tag-Felder im Vergleich zu einer Antwort zusätzlichen Platz ein.

2 „Gefällt mir“

Ja, zum Antworten ist es in Ordnung, aber für neue Themen ist es klein.

2 „Gefällt mir“

Es gibt auch ein bestehendes #ux-Thema mit weiteren Diskussionen, wenn Sie Ihre Gedanken dazu hinzufügen möchten:

3 „Gefällt mir“

Sie können die Formatierungs-Symbolleiste (der Bereich in Ihrem roten Rahmen) ausblenden, indem Sie auf das Burger-Symbol (3 horizontale Linien) oben rechts klicken.

1 „Gefällt mir“

Ja, Sie haben Recht. Aber nicht jeder neue Benutzer weiß das. Das kann ein UX-Problem sein.

Sie können dieses kleine Skript ausprobieren. Fügen Sie es Ihrem Theme oder einer neuen Komponente HTML im Reiter Head hinzu.

Es blendet die Symbolleiste unter den folgenden Bedingungen aus:

  • Nur für neue Themen / Bearbeiten des ersten Beitrags eines Themas / Entwurf eines Themas
  • Mobile Ansicht
  • Wenn der Benutzer keine gespeicherte Einstellung hat. [1]

Der Code beeinträchtigt die Benutzereinstellungen nicht.

<script type="text/discourse-plugin" version="0.8">

const { on, observes } = require("discourse-common/utils/decorators");

const serviceComposer = api.container.lookup("service:composer");

function canUpdateToolbar(context) {
  return (
    // Neues Thema / Bearbeiten des ersten Beitrags / Entwurf eines Themas 
    context._isNewTopic &&
    // Symbolleiste ist nicht ausgeblendet
    context.showToolbar &&
    // Nur mobile Ansicht
    context.site.mobileView &&
    // Benutzereinstellung nicht überschreiben
    context.keyValueStore.get("toolbar-enabled") === undefined
  );
}

function updateShowToolBar(value) {
  serviceComposer._wasToolbarEnabled = !value;
  // Blendet die Symbolleiste aus, ohne den Zustand im Browser des Benutzers zu speichern.
  serviceComposer._toolbarEnabled = value;
  // Berechneten Getter aktualisieren
  serviceComposer.notifyPropertyChange("showToolbar");
}

api.modifyClass("component:composer-editor", {
  pluginId: "composer-editor-toolbar",

  @observes("composer.action")
  _composerSwitchAction() {
    // Behandelt die Situation beim Wechsel von einer Antwort zu einem neuen Thema
    // ohne den Komponisten zu schließen.
    if (canUpdateToolbar(this)) {
      updateShowToolBar(false);
    }
  },

  @on("didInsertElement")
  _composerEditorInit() {
    this.appEvents.one(`${this.composerEventPrefix}:will-open`, () => {
      if (canUpdateToolbar(this)) {
        updateShowToolBar(false);
      }
    });

    this._super(...arguments);
  },

  @on("willDestroyElement")
  _composerClosed() {
    this._super(...arguments);

    // Stellt die Symbolleiste wieder her, wenn sie manuell ausgeblendet wurde.
    if (serviceComposer._wasToolbarEnabled) {
      updateShowToolBar(true);
    }
  },
});

</script>

  1. Sobald ein Benutzer auf den Umschalter klickt, merkt sich der Browser den Zustand ↩︎

2 „Gefällt mir“

Hallo Arkshine, danke für deine Antwort.
Ich habe es in den Kopf-Tab meines Themes eingefügt, aber es funktioniert nicht.
Habe ich es falsch gemacht?

1 „Gefällt mir“

Wo wird das benötigt? Das Tippen auf den Hamburger erledigt dies nativ – zumindest auf iPhones.

1 „Gefällt mir“

Wenn also nicht genügend Websites angezeigt werden, weil Sie die Text- und Oberflächengröße zu groß eingestellt haben, ist dies ein Chrome/Safari-Problem und Google/Apple ist schuld?! :rofl:

Ändern Sie einfach Ihre Oberflächeneinstellungen auf Ihrem Handy und Sie sind fertig!

Ich glaube, wir diskutieren viele Wiederholungen aus Such a tiny window to edit here on a cell phone

Lasst uns das hier schließen und die Unterhaltung dort konzentrieren.

4 „Gefällt mir“