Hallo, ich überlege, ob es möglich ist, den nicht sicheren Bereich, der in einem roten Rahmen eingeschlossen ist, standardmäßig für Mobilgeräte zu sichern?
Welche Datei/welchen Teil sollte ich ändern?
Vielen Dank.
Das Hauptproblem, das Sie haben, ist die Zoomstufe/Textgröße auf Ihrem Telefon und/oder Ihrem Browser.
So sieht mein Bildschirm aus, wenn ich Ihnen auf meinem Pixel 6a (ein kleines Handy!) antworte:
Sie können die Symbolleiste mit der Hamburger-Schaltfläche ausblenden.
Obwohl der Screenshot in der OP eine Themenbearbeitung zu sein scheint, nehmen der Thema-Titel, die Kategorie und die Tag-Felder im Vergleich zu einer Antwort zusätzlichen Platz ein.
Ja, zum Antworten ist es in Ordnung, aber für neue Themen ist es klein.
Es gibt auch ein bestehendes #ux-Thema mit weiteren Diskussionen, wenn Sie Ihre Gedanken dazu hinzufügen möchten:
Sie können die Formatierungs-Symbolleiste (der Bereich in Ihrem roten Rahmen) ausblenden, indem Sie auf das Burger-Symbol (3 horizontale Linien) oben rechts klicken.
Ja, Sie haben Recht. Aber nicht jeder neue Benutzer weiß das. Das kann ein UX-Problem sein.
Sie können dieses kleine Skript ausprobieren. Fügen Sie es Ihrem Theme oder einer neuen Komponente HTML im Reiter Head hinzu.
Es blendet die Symbolleiste unter den folgenden Bedingungen aus:
- Nur für neue Themen / Bearbeiten des ersten Beitrags eines Themas / Entwurf eines Themas
- Mobile Ansicht
- Wenn der Benutzer keine gespeicherte Einstellung hat. [1]
Der Code beeinträchtigt die Benutzereinstellungen nicht.
<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 (
// Neues Thema / Bearbeiten des ersten Beitrags / Entwurf eines Themas
context._isNewTopic &&
// Symbolleiste ist nicht ausgeblendet
context.showToolbar &&
// Nur mobile Ansicht
context.site.mobileView &&
// Benutzereinstellung nicht überschreiben
context.keyValueStore.get("toolbar-enabled") === undefined
);
}
function updateShowToolBar(value) {
serviceComposer._wasToolbarEnabled = !value;
// Blendet die Symbolleiste aus, ohne den Zustand im Browser des Benutzers zu speichern.
serviceComposer._toolbarEnabled = value;
// Berechneten Getter aktualisieren
serviceComposer.notifyPropertyChange("showToolbar");
}
api.modifyClass("component:composer-editor", {
pluginId: "composer-editor-toolbar",
@observes("composer.action")
_composerSwitchAction() {
// Behandelt die Situation beim Wechsel von einer Antwort zu einem neuen Thema
// ohne den Komponisten zu schließen.
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);
// Stellt die Symbolleiste wieder her, wenn sie manuell ausgeblendet wurde.
if (serviceComposer._wasToolbarEnabled) {
updateShowToolBar(true);
}
},
});
</script>
Sobald ein Benutzer auf den Umschalter klickt, merkt sich der Browser den Zustand ↩︎
Hallo Arkshine, danke für deine Antwort.
Ich habe es in den Kopf-Tab meines Themes eingefügt, aber es funktioniert nicht.
Habe ich es falsch gemacht?
Wo wird das benötigt? Das Tippen auf den Hamburger erledigt dies nativ – zumindest auf iPhones.
Wenn also nicht genügend Websites angezeigt werden, weil Sie die Text- und Oberflächengröße zu groß eingestellt haben, ist dies ein Chrome/Safari-Problem und Google/Apple ist schuld?! ![]()
Ändern Sie einfach Ihre Oberflächeneinstellungen auf Ihrem Handy und Sie sind fertig!
Ich glaube, wir diskutieren viele Wiederholungen aus Such a tiny window to edit here on a cell phone
Lasst uns das hier schließen und die Unterhaltung dort konzentrieren.




