Bonjour, je me demande s’il est possible de ne pas avoir la zone entourée d’un cadre rouge par défaut pour le mobile ?
Quel fichier/partie dois-je modifier ?
Merci.
1 « J'aime »
Le principal problème que vous avez concerne le niveau de zoom/la taille du texte sur votre téléphone et/ou votre navigateur.
Voici à quoi ressemble mon écran lorsque je vous réponds sur mon Pixel 6a (un petit téléphone !)
Vous pouvez masquer la barre d’outils avec le bouton hamburger.
2 « J'aime »
donc : of = ifBien que la capture d’écran dans le message d’origine soit une modification de sujet, je pense que le titre du sujet, la catégorie et les champs de tags occupent également plus d’espace par rapport à une réponse.
2 « J'aime »
oui pour répondre c’est bon mais pour un nouveau sujet c’est petit
2 « J'aime »
Il existe également un sujet UX existant avec plus de discussions si vous souhaitez ajouter vos réflexions à celui-ci :
3 « J'aime »
Vous pouvez masquer la barre d’outils de mise en forme (la zone dans votre cadre rouge) en cliquant sur l’icône de hamburger (3 lignes horizontales) en haut à droite.
1 « J'aime »
Oui, vous avez raison. mais tous les nouveaux utilisateurs ne le savent pas. cela peut donc poser un problème d’UX.
Vous pouvez essayer ce petit script. Ajoutez-le à votre thème ou à un nouveau composant HTML dans l’onglet Head.
Il masque la barre d’outils selon les conditions suivantes :
- Uniquement pour les nouveaux sujets / la modification du premier message d’un sujet / les brouillons de sujet
- Vue mobile
- Si l’utilisateur n’a pas de préférence enregistrée. [1]
Le code ne modifie pas les préférences de l’utilisateur.
<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 (
// Nouveau sujet / Modification du premier message / Brouillon de sujet
context._isNewTopic &&
// La barre d'outils n'est pas masquée
context.showToolbar &&
// Vue mobile uniquement
context.site.mobileView &&
// Ne pas outrepasser la préférence de l'utilisateur
context.keyValueStore.get("toolbar-enabled") === undefined
);
}
function updateShowToolBar(value) {
serviceComposer._wasToolbarEnabled = !value;
// Masque la barre d'outils sans mémoriser l'état dans le navigateur de l'utilisateur.
serviceComposer._toolbarEnabled = value;
// Actualise le getter calculé
serviceComposer.notifyPropertyChange("showToolbar");
}
api.modifyClass("component:composer-editor", {
pluginId: "composer-editor-toolbar",
@observes("composer.action")
_composerSwitchAction() {
// Gère la situation lors du passage d'une réponse à un nouveau sujet
// sans fermer le compositeur.
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);
// Restaure la barre d'outils si elle est masquée manuellement.
if (serviceComposer._wasToolbarEnabled) {
updateShowToolBar(true);
}
},
});
</script>
Une fois qu’un utilisateur clique sur le sélecteur, le navigateur mémorise l’état ↩︎
2 « J'aime »
Salut Arkshine, merci pour ta réponse,
Je l’ai ajouté dans l’onglet head de mon thème mais ça ne fonctionne pas.
Est-ce que je fais les choses de la mauvaise manière ?
1 « J'aime »
Où est-ce nécessaire ? Appuyer sur le hamburger le fait nativement — sur iPhone en tout cas.
1 « J'aime »
Alors si pas assez de sites web s’affichent parce que vous avez réglé la taille du texte et de l’interface trop grand, c’est un problème de Chrome/Safari et Google/Apple est fautif ?! 
Changez simplement vos préférences d’interface sur votre téléphone et c’est réglé !
Je pense que nous discutons beaucoup d’informations répétées provenant de Such a tiny window to edit here on a cell phone
Fermons ceci et concentrons la conversation là-bas.
4 « J'aime »