Workspace: Zurueck-Knopf auf allen Seiten
Wunsch: "ich will auch immer bei jeder seite auch immer einen knopf
haben damit ich zurueck gehen kann auf die seite vorher."
Neues gemeinsames Modul assets/js/kopf.js. Blindes history.back() reicht
dafuer nicht: Wer die Adresse direkt eingibt oder gerade von der
Anmeldung kommt, landet damit ausserhalb des Workspace oder wieder im
Anmeldeformular. Deshalb wird zuerst geprueft, woher der Aufruf kam:
* vorherige Seite im Workspace -> "Zurueck", history.back()
(fuehrt wirklich dorthin zurueck, samt Bildlaufposition)
* kein Verlauf, aber Unterseite -> "Uebersicht", geht zur Startseite
* kein Verlauf auf der Startseite -> Knopf bleibt verborgen
Ein Knopf, der nichts tut, ist schlimmer als keiner.
Der Knopf sitzt links in der Kopfleiste, an derselben Stelle wie im
Browser.
Nebenbei aufgeraeumt: Das Abmelden stand bisher in jeder der fuenf
Seitendateien noch einmal -- fuenfmal derselbe Block, fuenfmal eine
Stelle zum Vergessen. Liegt jetzt ebenfalls in kopf.js.
Geprueft: Start nach Login -> verborgen; Aufgaben von Start ->
"Zurueck", fuehrt zurueck; Kalender direkt aufgerufen -> "Uebersicht".
Keine Konsolenfehler, Abmelden funktioniert weiterhin.
Nur statische Dateien, kein Neustart noetig.
This commit is contained in:
@@ -38,6 +38,28 @@ body.start {
|
||||
|
||||
.kopfleiste .marke { margin: 0; font-size: .72rem; }
|
||||
|
||||
/* Zurück-Knopf. Steht ganz links, weil dort jeder ihn erwartet -- gleiche
|
||||
Stelle wie im Browser. Bleibt verborgen (hidden), wenn es nichts gibt,
|
||||
wohin er führen könnte; das entscheidet kopf.js. */
|
||||
.zurueck-knopf {
|
||||
flex: 0 0 auto;
|
||||
padding: 7px 13px;
|
||||
background: rgba(255, 255, 255, .045);
|
||||
border: 1px solid var(--rand);
|
||||
border-radius: 9px;
|
||||
color: var(--text-leise);
|
||||
font: inherit; font-size: .82rem;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
transition: background var(--tempo), border-color var(--tempo), color var(--tempo);
|
||||
}
|
||||
.zurueck-knopf:hover {
|
||||
background: rgba(255, 255, 255, .08);
|
||||
border-color: var(--rand-hell);
|
||||
color: var(--text);
|
||||
}
|
||||
.zurueck-knopf:active { transform: translateX(-1px); }
|
||||
|
||||
.kopfleiste__rechts { display: flex; align-items: center; gap: 12px; }
|
||||
|
||||
.wer {
|
||||
|
||||
Reference in New Issue
Block a user