So ein kleines Fenster, um hier auf einem Handy zu bearbeiten

UX
36

Um aus dem vorherigen Thema zu antworten. Yt.w wollte die Symbolleiste standardmäßig unter bestimmten Bedingungen deaktivieren, weil:

Ich habe herausgefunden, dass ich versuchen könnte, dafür etwas Code zu schreiben. Dies ist nur eine sofortige Übergangslösung.
Tatsächlich ist in Discourse standardmäßig alles unter 370 Fensterbreite oder, wenn es sich um ein Android-Gerät handelt, die Symbolleiste ausgeblendet.

const storedVal = keyValueStore.get("toolbar-enabled");
if (this._toolbarEnabled === undefined && storedVal === undefined) {
  // iPhone 6 ist 375, alles schmalere und die Symbolleiste sollte
  // standardmäßig deaktiviert sein.
  // Das heißt, wir sollten den Zustand speichern
  this._toolbarEnabled =
    window.innerWidth > 370 && !this.capabilities.isAndroid;
}

Mein Code wäre nur eine Erweiterung, um dieses Verhalten für jede mobile Ansicht zu verallgemeinern.

Ich stimme Ihnen zu; ein anderer Ansatz wäre, den Benutzer auf irgendeine Weise darüber aufzuklären, dass das Burger-Symbol die Symbolleiste umschaltet!

1 „Gefällt mir“