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

**URL:** https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929
**Category:** Support
**Created:** [16 Dicembre 2023, 6:31pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929 "2023-12-16T18:31:10Z")
**Posts on this page:** 14
**Page:** 1

<div class="post-metadata">

### Author: ![Yt.w](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yt.w/32/348367_2.png) [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [16 Dicembre 2023, 6:31pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/1 "2023-12-16T18:31:10Z")

</div>

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.

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/0/b/70b0c6bc178f37a639827568ce3bee19aeca3283.png)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [16 Dicembre 2023, 7:57pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/2 "2023-12-16T19:57:55Z")

</div>

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!)

 ![Screenshot_20231216-195624](https://global.discourse-cdn.com/meta/original/4X/1/f/0/1f04ad0c12fae33d37907eb70e9ff3693aa4c65b.png)

Puoi nascondere la barra degli strumenti con il pulsante hamburger.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [16 Dicembre 2023, 8:23pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/3 "2023-12-16T20:23:23Z")

</div>

![IMG_4756](https://global.discourse-cdn.com/meta/original/4X/2/a/e/2ae752cb4c7f1d1f3a8be2439128090eb296157e.png)

Ma… c’è di più 😉

 ![IMG_4757](https://global.discourse-cdn.com/meta/original/4X/4/9/3/4932b3be74b8c4edc4b4cc1b6ec907968305afc0.jpeg)

- la modifica rapida non funziona nelle immagini 🤦‍♂️ quindi: of = if

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [16 Dicembre 2023, 8:29pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/4 "2023-12-16T20:29:46Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![Yt.w](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yt.w/32/348367_2.png) [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [16 Dicembre 2023, 8:30pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/5 "2023-12-16T20:30:04Z")

</div>

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

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [16 Dicembre 2023, 8:32pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/6 "2023-12-16T20:32:05Z")

</div>

C’è anche un topic #Contribute > UX già esistente con ulteriori discussioni, se desideri aggiungere i tuoi pensieri a quella:

> [@Una finestra così piccola per modificare qui su un cellulare](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225):
>
> Voglio solo farvi sapere quanto è piccola la finestra qui per modificare su un cellulare. Osserviamo che ci sono sempre le quattro righe sopra la finestra. Non si allontanano mai per farci un po’ più di spazio temporaneamente. Quindi guardiamo sempre la riga “crea un nuovo argomento”, che è stranamente ancora lì anche se è esattamente quello che stiamo facendo. E poi c’è la riga del titolo dell’articolo, ma perché deve rimanere bloccata lì? Perché non p…

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [16 Dicembre 2023, 8:35pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/7 "2023-12-16T20:35:59Z")

</div>

È 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.

---

<div class="post-metadata">

### Author: ![Yt.w](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yt.w/32/348367_2.png) [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [16 Dicembre 2023, 8:38pm UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/8 "2023-12-16T20:38:02Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [17 Dicembre 2023, 3:53am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/9 "2023-12-17T03:53:58Z")

</div>

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.

```js
<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

---

<div class="post-metadata">

### Author: ![Yt.w](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/yt.w/32/348367_2.png) [@Yt.w](https://meta.discourse.org/u/Yt.w)
#### Post date: [17 Dicembre 2023, 4:59am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/10 "2023-12-17T04:59:00Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [17 Dicembre 2023, 6:38am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/11 "2023-12-17T06:38:57Z")

</div>

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

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [17 Dicembre 2023, 11:43am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/12 "2023-12-17T11:43:38Z")

</div>

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!

 ![Screenshot_20231217-114740](https://global.discourse-cdn.com/meta/original/4X/7/1/7/717e6f2c63121b66d3db4e7caa53199fbe3d856f.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [17 Dicembre 2023, 11:50am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/13 "2023-12-17T11:50:33Z")

</div>

Penso che stiamo discutendo molte informazioni ripetute da [Such a tiny window to edit here on a cell phone](https://meta.discourse.org/t/such-a-tiny-window-to-edit-here-on-a-cell-phone/255225)

Chiudiamo questa discussione e concentriamo la conversazione lì.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [17 Dicembre 2023, 11:50am UTC](https://meta.discourse.org/t/new-topic-s-edit-area-is-small-for-mobile-user/288929/14 "2023-12-17T11:50:36Z")

</div>