Workspace: Zurueck-Knopf hochwertiger, auf der Startseite entfernt
Zwei Rueckmeldungen umgesetzt. 1. Auf der Startseite gibt es den Knopf jetzt gar nicht mehr im Dokument. Vorher erschien er dort, sobald man von einer anderen Workspace-Seite kam -- aber die Startseite IST die oberste Ebene, ein "davor" gibt es nicht. 2. Aussehen: statt des Textzeichens "<-" jetzt ein echtes SVG-Winkel- symbol, Pillenform, und ein Verlaufsrahmen. Wichtig dabei: Die Fuellung ist DECKEND. Beim ersten Versuch war sie halbtransparent, dadurch schien der Rahmenverlauf durch die ganze Flaeche und der Knopf sah aus wie eine Hauptaktion -- genau das soll er nicht. Jetzt bleibt vom Verlauf nur der 1px schmale Rand sichtbar. Ruhezustand: dunkle Pille, feine Stahlkante, gedaempfter Text. Ueberfahren: Cyan-Violett-Rand, heller Text, weicher Schein, und der Pfeil rueckt zwei Pixel nach links -- die Bewegung sagt die Richtung ohne zusaetzlichen Text. Bei prefers-reduced-motion faellt sie weg. Geprueft: Start -> kein Knopf; Aufgaben -> "Zurueck", fuehrt zurueck; Personen direkt aufgerufen -> "Uebersicht". Keine Konsolenfehler. Nur statische Dateien, kein Neustart noetig.
This commit is contained in:
@@ -30,9 +30,11 @@
|
||||
return true;
|
||||
}
|
||||
|
||||
/* Die Startseite hat den Knopf gar nicht erst im Dokument -- dort gibt
|
||||
es kein "davor". Deshalb genügt hier die Prüfung, ob er existiert. */
|
||||
const knopf = document.getElementById('zurueck');
|
||||
if (knopf) {
|
||||
const aufStartseite = location.pathname.endsWith('/start.html');
|
||||
const beschriftung = knopf.querySelector('.zurueck-knopf__text');
|
||||
if (hatVorherigeSeite()) {
|
||||
knopf.hidden = false;
|
||||
knopf.addEventListener('click', () => {
|
||||
@@ -42,15 +44,13 @@
|
||||
if (history.length > 1) history.back();
|
||||
else location.assign(START);
|
||||
});
|
||||
} else if (!aufStartseite) {
|
||||
} else {
|
||||
/* Kein Verlauf, aber wir sind in einem Unterbereich: dann wenigstens
|
||||
ein Weg zur Übersicht. */
|
||||
knopf.hidden = false;
|
||||
knopf.textContent = '← Übersicht';
|
||||
if (beschriftung) beschriftung.textContent = 'Übersicht';
|
||||
knopf.addEventListener('click', () => location.assign(START));
|
||||
}
|
||||
/* Auf der Startseite ohne Verlauf bleibt der Knopf aus -- ein Knopf,
|
||||
der nichts tut, ist schlimmer als keiner. */
|
||||
}
|
||||
|
||||
const abmelden = document.getElementById('abmelden');
|
||||
|
||||
Reference in New Issue
Block a user