 |
Zusammenfassung | Stellt die Schaltfläche zum Umschalten des Vollbildmodus im Editor auf Touch-Geräten mit größeren Bildschirmen (z. B. Tablets) wieder her, die standardmäßig ausgeblendet ist |
 |
Vorschau | Theme Creator |
 |
Repository | https://github.com/moin-Jana/unhide-composer-fullscreen-toggle-for-tablets |
 |
Installationsanleitung | So installieren Sie ein Theme oder eine Theme-Komponente |
 |
Neu bei Discourse-Themes? | Anfängerleitfaden zur Verwendung von Discourse-Themes |
Diese Theme-Komponente installieren
Es handelt sich um eine sehr einfache Komponente. Sie tut genau das, was ihr Name sagt: Sie macht die Schaltfläche für den Vollbildmodus im Editor auf Touch-Geräten mit breiteren Bildschirmen wieder sichtbar. Die einzige sichtbare Änderung ist die kleine Schaltfläche in der oberen rechten Ecke:
Der Grund ist derselbe wie bei meiner Meldung, dass die Schaltfläche fehlte:
Besonders bei der Nutzung eines Tablets im Querformat ist der vertikale Platz recht begrenzt. In diesem Fall kann es sehr hilfreich sein, die Felder für die Titel- und Kategorienauswahl beim Verfassen eines neuen Beitrags ausblenden zu können. Auf meinem Tablet beträgt der Unterschied 7 Textzeilen, die ich zusätzlich sehen kann, wenn ich die Vollbildschaltfläche verwende.
Außerdem fällt es mir manchmal sehr schwer, den Griff oben im Editor zum Ändern der Größe zu verwenden. Leider führe ich beim Versuch, die Größe durch Wischen nach unten zu verringern, oft versehentlich eine Aktualisierung der Seite herbei und muss dann meinen Entwurf erneut öffnen. Mit der Umschalttaste ist es nur ein Klick – und keine versehentliche Aktualisierung 
Ich habe die Komponente erstellt, um Administratoren die Dinge so einfach wie möglich zu machen. Das CSS-Änderung ist jedoch so minimal, dass Administratoren, die lieber keine Komponente für eine einzige Zeile installieren möchten, genauso gut damit bedient sind, sie direkt in ihr Theme einzufügen. Und für Benutzer, deren Administrator es nicht installiert hat, funktionieren Stylus oder ähnliche Browsererweiterungen und Apps genauso gut – so verwende ich es hier auf Meta:
@media (hover: none) and (width >= 40rem) {
.discourse-touch #reply-control .toggle-fullscreen,
.mobile-device #reply-control .toggle-fullscreen {
display: flex;
}
}