Hola, ¿es posible no mostrar el área delimitada en rojo por defecto en el móvil?
¿Qué archivo/parte debería cambiar?
Gracias.
1 me gusta
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.
2 Me gusta
así que: of = ifAunque 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.
2 Me gusta
sí, para responder está bien, pero para un nuevo tema es pequeño
2 Me gusta
También hay un tema existente de UX con más discusión si desea agregar sus ideas a ese:
3 Me gusta
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.
1 me gusta
Sí, tienes razón. pero no todos los usuarios nuevos lo saben. eso puede ser un problema de UX.
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>
Una vez que un usuario hace clic en el interruptor, el navegador recuerda el estado ↩︎
2 Me gusta
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?
1 me gusta
¿Dónde se necesita eso? Tocar la hamburguesa lo hace de forma nativa, al menos en los iPhone.
1 me gusta
¿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!
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í.
4 Me gusta