L'area di modifica del nuovo argomento è piccola per gli utenti da mobile

[Yt.w]

Ciao, sto pensando se sia possibile non mostrare l’area racchiusa in un riquadro rosso per impostazione predefinita su mobile?
Quale file/parte dovrei cambiare?
Grazie.

[merefield (Robert)]

Il problema principale che hai è con il livello di zoom/dimensione del testo sul tuo telefono e/o sul tuo browser.

Questo è ciò che appare sul mio schermo quando ti rispondo sul mio Pixel 6a (un telefono piccolo!)

Puoi nascondere la barra degli strumenti con il pulsante hamburger.

[Jagster (Jakke Flemming)]

Ma… c’è di più

• la modifica rapida non funziona nelle immagini quindi: of = if

[JammyDodger]

Sebbene lo screenshot nell’OP sia un’edizione di argomento, penso, e anche il titolo dell’argomento, la categoria e le caselle dei tag occupano spazio extra rispetto a una risposta.

[Yt.w]

sì per rispondere va bene ma per un nuovo argomento è piccolo

[JammyDodger]

C’è anche un argomento UX esistente con ulteriori discussioni, se desideri aggiungere i tuoi pensieri:

Such a tiny window to edit here on a cell phone

Just want to let you folks know how tiny the window is here to edit on a cell phone. [Screenshot_20230215_191955_Chrome Dev] We observe that always in our vision are the four lines above the window. They never move away just to make a little more room temporarily for us. So we’re always looking at the “create a new topic” line, which is oddly still there even though that’s exactly what we’re currently doing. And then okay there is the title of the article line, okay but why does that have to…

[Moin]

È possibile nascondere la barra degli strumenti di formattazione (l’area nel riquadro rosso) facendo clic sull’icona hamburger (3 linee orizzontali) in alto a destra.

[Yt.w]

Sì, hai ragione. ma non tutti i nuovi utenti lo sanno. questo può causare un problema di UX.

[Arkshine]

Puoi provare questo piccolo script. Aggiungilo al tuo tema o a un nuovo componente HTML nella scheda Head.

Nasconde la barra degli strumenti con le seguenti condizioni:

• Solo per nuovi argomenti / modifica del primo post dell’argomento / bozza dell’argomento
• Vista mobile
• se l’utente non ha preferenze salvate. ^[1]

Il codice non interferisce con le preferenze dell’utente.

<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 (
    // Nuovo argomento / Modifica primo post / Bozza argomento 
    context._isNewTopic &&
    // La barra degli strumenti non è nascosta
    context.showToolbar &&
    // Solo vista mobile
    context.site.mobileView &&
    // Non sovrascrivere le preferenze dell'utente
    context.keyValueStore.get("toolbar-enabled") === undefined
  );
}

function updateShowToolBar(value) {
  serviceComposer._wasToolbarEnabled = !value;
  // Nasconde la barra degli strumenti senza ricordare lo stato nel browser dell'utente.
  serviceComposer._toolbarEnabled = value;
  // Aggiorna il getter calcolato
  serviceComposer.notifyPropertyChange("showToolbar");
}

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

  @observes("composer.action")
  _composerSwitchAction() {
    // Gestisce la situazione quando si passa da una risposta a un nuovo argomento
    // senza chiudere il composer.
    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);

    // Ripristina la barra degli strumenti se è nascosta manualmente.
    if (serviceComposer._wasToolbarEnabled) {
      updateShowToolBar(true);
    }
  },
});

</script>

---

1. Una volta che un utente fa clic sull’interruttore, il browser ricorda lo stato ↩︎

[Yt.w]

Ciao Arkshine, grazie per la tua risposta,
l’ho aggiunto nella scheda head del mio tema ma non funziona.
Ho fatto nel modo sbagliato?

[Jagster (Jakke Flemming)]

Dove è necessario? Toccando l’hamburger lo fa nativamente, almeno su iPhone.

[merefield (Robert)]

Quindi se non vengono visualizzati abbastanza siti web perché hai impostato le dimensioni del testo e dell’interfaccia troppo grandi, questo è un problema di Chrome/Safari e la colpa è di Google/Apple?!

Basta cambiare le preferenze dell’interfaccia sul tuo telefono e hai finito!

[JammyDodger]

Penso che stiamo discutendo molte informazioni ripetute da Such a tiny window to edit here on a cell phone

Chiudiamo questa discussione e concentriamo la conversazione lì.