El área de edición del nuevo tema es pequeña para usuarios móviles

[Yt.w]

Hola, ¿es posible no mostrar el área delimitada en rojo por defecto en el móvil?
¿Qué archivo/parte debería cambiar?
Gracias.

[merefield (Robert)]

El principal problema que tienes es con el nivel de zoom/tamaño del texto en tu teléfono y/o tu navegador.

Así es como se ve mi pantalla al responderte en mi Pixel 6a (¡un teléfono pequeño!)

Puedes ocultar la barra de herramientas con el botón de hamburguesa.

[Jagster (Jakke Flemming)]

Pero… hay más

• la edición rápida no funciona en imágenes así que: of = if

[JammyDodger]

Aunque la captura de pantalla en el OP es una edición de tema, creo, y el título del tema, la categoría y las casillas de etiquetas también ocupan espacio adicional en comparación con una respuesta.

[Yt.w]

sí, para responder está bien, pero para un nuevo tema es pequeño

[JammyDodger]

También hay un tema existente de UX con más discusión si desea agregar sus ideas a ese:

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]

Puede ocultar la barra de herramientas de formato (el área en su marco rojo) haciendo clic en el icono de hamburguesa (3 líneas horizontales) en la parte superior derecha.

[Yt.w]

Sí, tienes razón. pero no todos los usuarios nuevos lo saben. eso puede ser un problema de UX.

[Arkshine]

Puedes probar este pequeño script. Agrégalo a tu tema o a un nuevo componente HTML en la pestaña Head.

Oculta la barra de herramientas con las siguientes condiciones:

• Solo para temas nuevos / edición de la primera publicación del tema / borrador del tema
• Vista móvil
• Si el usuario no tiene una preferencia guardada. ^[1]

El código no interfiere con las preferencias del usuario.

<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 (
    // Nuevo tema / Edición de la primera publicación / Borrador del tema 
    context._isNewTopic &&
    // La barra de herramientas no está oculta
    context.showToolbar &&
    // Solo vista móvil
    context.site.mobileView &&
    // No anular la preferencia del usuario
    context.keyValueStore.get("toolbar-enabled") === undefined
  );
}

function updateShowToolBar(value) {
  serviceComposer._wasToolbarEnabled = !value;
  // Oculta la barra de herramientas sin recordar el estado en el navegador del usuario.
  serviceComposer._toolbarEnabled = value;
  // Actualiza el getter calculado
  serviceComposer.notifyPropertyChange("showToolbar");
}

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

  @observes("composer.action")
  _composerSwitchAction() {
    // Maneja la situación al cambiar de una respuesta a un nuevo tema
    // sin cerrar el compositor.
    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);

    // Restaura la barra de herramientas si está oculta manualmente.
    if (serviceComposer._wasToolbarEnabled) {
      updateShowToolBar(true);
    }
  },
});

</script>

---

1. Una vez que un usuario hace clic en el interruptor, el navegador recuerda el estado ↩︎

[Yt.w]

Hola Arkshine, gracias por tu respuesta.
Lo agregué en la pestaña de encabezado de mi tema, pero no funciona.
¿Lo hice de forma incorrecta?

[Jagster (Jakke Flemming)]

¿Dónde se necesita eso? Tocar la hamburguesa lo hace de forma nativa, al menos en los iPhone.

[merefield (Robert)]

¿Así que si no se muestran suficientes sitios web porque has configurado el tamaño del texto y la interfaz demasiado grandes, es un problema de Chrome/Safari y la culpa es de Google/Apple?!

¡Simplemente cambia tus preferencias de interfaz en tu teléfono y listo!

[JammyDodger]

Creo que estamos discutiendo mucha información repetida de Such a tiny window to edit here on a cell phone

Cerremos esto y concentremos la conversación allí.