diff --git a/public/css/app.css b/public/css/app.css index 546489d..1eaef60 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -546,11 +546,13 @@ button, transition-duration: .01ms !important; } } -.info-button { +.info-control { position: fixed; top: calc(env(safe-area-inset-top) + .45rem); right: max(.65rem, env(safe-area-inset-right)); z-index: 10001; +} +.info-button { display: grid; place-items: center; width: var(--icon-button-size); @@ -571,6 +573,58 @@ button, outline: .2rem solid #fff; outline-offset: .15rem; } +.info-dropdown { + position: absolute; + top: calc(100% + .45rem); + right: 0; + display: grid; + gap: .35rem; + width: min(20rem, calc(100vw - 1.3rem - env(safe-area-inset-left) - env(safe-area-inset-right))); + max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--icon-button-size) - 1.8rem); + box-sizing: border-box; + padding: .65rem; + overflow-y: auto; + overscroll-behavior: contain; + border: 1px solid rgba(49, 93, 58, .28); + border-radius: .8rem; + background: #f8f5eb; + color: #233326; + box-shadow: 0 .8rem 2rem rgba(20, 32, 22, .28); + transform-origin: top right; + transform: scaleY(0); + opacity: 0; + pointer-events: none; + transition: transform 180ms ease-out, opacity 180ms ease-out; + touch-action: pan-y; +} +.info-dropdown[hidden] { + display: none; +} +.info-dropdown.is-open { + transform: scaleY(1); + opacity: 1; + pointer-events: auto; +} +.info-dropdown button { + width: 100%; + min-height: 2.75rem; + padding: .65rem .8rem; + border: 1px solid #c8d3ca; + border-radius: .55rem; + background: #fff; + color: inherit; + font: inherit; + text-align: left; + cursor: pointer; + touch-action: manipulation; +} +.info-dropdown button:hover { + background: #e6efdf; +} +.info-dropdown button:focus-visible { + outline: .2rem solid var(--primary-dark); + outline-offset: -.2rem; +} .app-page > header:not(.has-back-button) h1 { padding-right: calc(var(--icon-button-size) + 1rem); diff --git a/public/css/editor.css b/public/css/editor.css index 2cccfc9..a26889d 100644 --- a/public/css/editor.css +++ b/public/css/editor.css @@ -8,43 +8,6 @@ gap: .4rem; } -.route-control-summary { - display: grid; - width: min(13rem, calc(100vw - (var(--icon-button-size) * 2) - 6rem)); - min-height: var(--icon-button-size); - box-sizing: border-box; - align-content: center; - gap: .08rem; - padding: .35rem .75rem; - overflow: hidden; - border: 1px solid rgba(255, 255, 255, .72); - border-radius: .9rem; - background: rgba(36, 70, 43, .94); - color: #fff; - box-shadow: 0 .15rem .55rem rgba(0, 0, 0, .22); - pointer-events: none; -} - -.route-control-summary strong, -.route-control-summary small { - display: block; - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.route-control-summary strong { - font-size: .9rem; - line-height: 1.1; -} - -.route-control-summary small { - color: rgba(255, 255, 255, .86); - font-size: .68rem; - line-height: 1.1; -} - .route-control-button, .route-control-button.ui-button { display: grid; @@ -583,10 +546,6 @@ right: calc(max(.5rem, env(safe-area-inset-right)) + var(--icon-button-size) + .35rem); } - .route-control-summary { - width: min(10.5rem, calc(100vw - (var(--icon-button-size) * 2) - 5rem)); - } - .route-control-dropdown { position: fixed; top: calc(env(safe-area-inset-top) + var(--icon-button-size) + .9rem); diff --git a/public/index.html b/public/index.html index 36cf5a6..4fbdf07 100644 --- a/public/index.html +++ b/public/index.html @@ -128,7 +128,7 @@

Öffne eine Strecke und tippe auf „Für unterwegs speichern“. So nimmst du den Weg, die Stationen, Bilder und Tonaufnahmen mit.

Warte vor dem Losgehen, bis alles gespeichert ist. Zum Speichern und Erneuern brauchst du Internet.

Alles bleibt auf diesem Gerät. Der Schalter zeichnet deinen Weg nicht auf. Beim Ausschalten bleiben deine gespeicherten Strecken und Entwürfe erhalten.

-

Wenn du die gespeicherten Daten von Wegwichtel in deinem Internetprogramm löschst, gehen auch deine Strecken verloren. Bei wenig Platz kann das Gerät gespeicherte Inhalte entfernen. Karten von anderen Anbietern werden nicht mitgenommen.

+

Wenn du die gespeicherten Daten von Wegwichtel in deinem Internetbrowser löschst, gehen auch deine Strecken verloren. Bei wenig Platz kann das Gerät gespeicherte Inhalte entfernen. Karten von anderen Anbietern werden nicht mitgenommen.

@@ -159,10 +159,6 @@
-
- Strecke wählen - Strecken für alle und meine Entwürfe -
@@ -309,7 +305,7 @@ Staatliches Schulamt Südthüringen
Datenschutzbeauftragter
Hölderlinstraße 1
98527 Suhl
Telefon: 03681 / 7341 25
Fax: 03681 / 7341 09
E-Mail: datenschutz.suedthueriungen@schulamt.thueringen.de

Der Datenschutzbeauftragte kann außerdem über die Postadresse der Schule mit dem Zusatz „der Datenschutzbeauftragte“ erreicht werden.

2. Wenn du Wegwichtel öffnest

-

Wenn du Wegwichtel öffnest, können Verbindungsdaten verarbeitet werden. Dazu gehören zum Beispiel die Internetadresse deines Geräts, Datum, Uhrzeit und Zeitzone, die aufgerufene Seite, übertragene Daten und ob der Aufruf geklappt hat. Auch die vorherige Seite und Angaben zu deinem Gerät, Internetprogramm und dessen Sprache können dazugehören. Diese Daten helfen dabei, die Website bereitzustellen, Fehler zu finden und sie zu schützen.

+

Wenn du Wegwichtel öffnest, können Verbindungsdaten verarbeitet werden. Dazu gehören zum Beispiel die Internetadresse deines Geräts, Datum, Uhrzeit und Zeitzone, die aufgerufene Seite, übertragene Daten und ob der Aufruf geklappt hat. Auch die vorherige Seite und Angaben zu deinem Gerät, Internetbrowser und dessen Sprache können dazugehören. Diese Daten helfen dabei, die Website bereitzustellen, Fehler zu finden und sie zu schützen.

Wer die Website bereitstellt und welche Verbindungsdaten wie lange gespeichert werden:[Anbieter, Anschrift, gespeicherte Daten und Speicherdauer ergänzen]

3. Standortdaten

Du entscheidest, ob Wegwichtel deinen Standort nutzen darf. Damit findest du Strecken in deiner Nähe und siehst den Weg zur nächsten Station. Dein laufender Standort wird auf deinem Gerät verarbeitet. Wegwichtel speichert daraus keinen Verlauf auf der Website.

@@ -326,7 +322,7 @@

5. Deine eigenen Strecken

Neue Strecken bleiben zuerst auf deinem Gerät. Gespeichert werden der Weg, die Orte der Stationen, Texte sowie ausgewählte Bilder und Tonaufnahmen.

-

Deine Entwürfe bleiben erhalten, wenn alter Fortschritt gelöscht wird oder du „Meinen Fortschritt merken“ ausschaltest. Sie bleiben auf diesem Gerät, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetprogramm entfernst. Nur wenn du „Zur Prüfung senden“ wählst, wird deine Strecke an die Website gesendet.

+

Deine Entwürfe bleiben erhalten, wenn alter Fortschritt gelöscht wird oder du „Meinen Fortschritt merken“ ausschaltest. Sie bleiben auf diesem Gerät, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Nur wenn du „Zur Prüfung senden“ wählst, wird deine Strecke an die Website gesendet.

6. Werbung und gespeicherte Einstellungen

Wegwichtel verwendet keine Cookies. Es zählt keine Besuche für Werbung und verfolgt nicht, welche anderen Seiten du besuchst. Auf deinem Gerät wird gespeichert, ob du „Meinen Fortschritt merken“ eingeschaltet hast.

7. Inhalte von Schülerinnen und Schülern

@@ -374,7 +370,7 @@

Mit „Weg als Datei herunterladen“ kannst du den Weg in einer anderen Wander-App öffnen. Bilder und Tonaufnahmen sind in dieser Datei nicht enthalten.

Deine eigenen Strecken

Neue Strecken bleiben zuerst auf diesem Gerät. Mit „Zur Prüfung senden“ reichst du eine Strecke zur Freigabe ein. Erst nach der Freigabe können andere sie sehen.

-

Deine Entwürfe bleiben gespeichert, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetprogramm entfernst. Viele große Bilder brauchen viel Platz. Die Anzeige „Platz für Wegwichtel“ hilft dir, den belegten Platz im Blick zu behalten.

+

Deine Entwürfe bleiben gespeichert, bis du sie löschst oder die gespeicherten Daten von Wegwichtel in deinem Internetbrowser entfernst. Viele große Bilder brauchen viel Platz. Die Anzeige „Platz für Wegwichtel“ hilft dir, den belegten Platz im Blick zu behalten.

Welche Erlaubnisse braucht die App?