evcc-io
Version, solar statistics and neustart button at bottom no more usable
With 1.1.0 beta the good thing is that the main/entry screen is completely visible and there is no need to scroll some pixel down to see the buttons on the bottom. Unfortunately the two buttons at bottom (version and solar statistics) are no more usable as those are behind the android system bottom bar (menu, home and back). If those would be above the android bar all would be fine. Space seems to be there...
With release 1.0.3 it looks like that. Android bars are solid, but not transparent. You have to scroll some pixel down, but then your are able to push those buttons.
I like that Android bars are now transparent. That looks more modern. But unfortunately evcc APPP does not take this into account which means text and other things are drawn there and overlay/overlap with android bars. Like that time and so an are no more readable.
Thank you for testing the beta. Which device are you using? Looks like Samsung?
We're definitely talking about Android. But I also assume that iOS has the same problem, depending on the screen size of the devices.
Das ticket user seit einer Woche geschlossen, aber wird es eine Beta mit dem fix geben oder kommt ein Release? Danke
@hybe2022 neue Beta ist da. Probier mal bitte zusammen mit einem aktuellen evcc Stand (bspw. demo.evcc.io)
https://github.com/evcc-io/app/releases/tag/1.1.0-beta4
Die letzte Version war die beta2. Das neue APK hat Beta3 im Namen und die Überschrift des releases ist beta4.
Das Problem aus dem issue ist behoben und die beiden Button unten sind wieder nutzbar. Aber:
In die bottom bar unten wird weiterhin Text geschrieben. Das sieht so nicht im aus...
Bei den Ladevorgängen ebenso unten und oben sind ein paar Pixel zwischen top bar von Android und der Auswahl des Zeitraums. Man sieht dies an den grünen Punkten von den Ladevorgängen oben
Ebenso hier... Es wird auch unter die Android Bar oben wie zuvor Symbole und Text gezeichnet. Allerdings mit hoher Transparenz. Sieht trotzdem komisch aus
Unter Konfiguration scheint für Android Bar oben nicht transparent zu sein. Der Text oben scheint nicht durch. Unten jedoch auch...
Die Hauptseite lässt sich weiterhin auch eingeklappt ein paar Pixel nach oben und unten verschieben. Es ist somit eine scrollbar beim Touch sichtbar. Das ist auf dem iPhone nicht der Fall...
Bin auf der 0.209.0, auch bei den Bildern oben... Die Demo sieht soweit gut aus. Eben mit dem gleichen Problem in der Darstellung, wie oben.
Die letzte Version war die beta2. Das neue APK hat Beta3 im Namen und die Überschrift des releases ist beta4.
ja, technisches Problem beim Release. Musste Beta3 entfernen. Beta4 ist vom Softwarestand identisch. Beim API hab ich scheinbar den Namen vergessen zu ändern.
Das Problem aus dem issue ist behoben und die beiden Button unten sind wieder nutzbar.
das ist doch schon mal gut
In die bottom bar unten wird weiterhin Text geschrieben. Das sieht so nicht im aus...
Ok, das ist erst einmal erwartungskonform mit unserer Änderung. Was wäre denn dein gewünschtes Verhalten? Den Button-Bereich komplett abdunkeln, also keine Transparenz? Wie machen andere Apps oder Webseiten das?
Um top bar scheint die Transparenz geringer zu sein. Zumindest kann man dort die Symbole usw. Im Gegensatz zur bar unten deutlich erkennen. Also entweder weniger Transparenz unten oder ohne Transparenz in der Farbe von evcc...
@Maschga
Ich habe noch ein Problem gefunden... Der Neustart Botton liegt auch hinter der Bottombar und lässt sich auch nach der Änderung leider nicht bedienen. Kann das Thema wieder geöffnet werden?
Kannst du einen Screenshot teilen? Und lässt sich nicht nach oben oder unten scrollen, um den Button zu erreichen?
Ja, musste ich gerade erst nochmal machen für den Screenshot...
Nein, die weiße Neustart-Leiste unten ist fixiert.
Ich sehe das Problem. Das weiße Rechteck mit dem Neustarten Dialog wird nicht mit nach oben geschoben werden. Danke fürs Melden.
Ok, dieser SafeArea Bereich verhält sich deutlich ander wie der auf dem iPhones wo lediglich ein großer border Radius anliegt. In diesem Fall wäre vmtl wirklich das beste wenn wir den webview hier erst garnicht drunter laufen lassen.
@hybe2022 magst du auf dem Geräte mal evcc als homescreen App über den Browser anlegen und posten wie sich das verhält?
@naltatis Das auf dem Homescreen ist nur ein shortcut und öffnet einen Tab im Chrome Browser. So zumindest bei mir. In Chrome sieht das dann so aus... Die Bars oben und unten sind nicht durchsichtig, als kein benutzter Bereich und somit liegt die Neustart-Leiste auch über der Android Bar.
nur ein shortcut und öffnet einen Tab im Chrome Browser.
Das sollte nicht so sein. Die Webapp sollte als Progressive Webapp (eigener Eintrag im Task Switcher) ohne Browser UI gestartet werden. Auf deinem letzten Screenshot sehe ich auch keinerlei Google Chrome Elemente.
Das ist ungewöhnlich. Wir verwenden hier display: standalone (MDN) was dazu führen sollte, dass keinerlei Browser Chrome sichtbar ist.
Nur um sicher zu gehen. Du hast das so gemacht, richtig? Anleitung
Welche Browser Version und OS-Version hast du genau?
Es gibt ja keine andere Möglichkeit.
Android: 15 One UI: 7 Chrome: 141.0.7390.70
Nur um sicherzugehen, dass wir hier nichts falsch machen. Kannst du mal diese PWA Testseite aufrufen. Reiter "Standalone" und dann zu Startbildschirm hinzufügen. Verhält sich das genau so wie bei evcc? https://pwadisplaytest.tecdrop.com/standalone/
Zweiter Test: Installier mal bitte die https://demo.evcc.io/ auf den Startbildschirm und prüfe ob das identisch ist.
Beim pwa Display Test bietet er auch installieren an. Scheint also an der evcc webview zu liegen...
Bei eurer Demo kommt auch installieren
Beim pwa Display Test bietet er auch installieren an. Scheint also an der evcc webview zu liegen...
Ne, wir triggern diesen Dialog bewusst nicht automatisch.
Wie ist denn das Ergebnis wenn du installiert hast? Also Überlagerungsverhalten Statusbar oben/unten.
Ich habe es mit der evcc Demo installiert. Man erhält ein evcc Icon ohne Chrome Logo und es wird damit ein Fenster ohne Browser Navigation geöffnet. So wie du es erwartet hättest...
Die Leisten oben und unten sind nicht transparent.
Siehe: https://github.com/evcc-io/app/issues/86#issuecomment-3395222635
raspberrypi:7070
Ok, der Unterschied zwischen evcc Demo und evcc lokal ist, dass letzteres nicht HTTPS ist und Chrome daher einige Anweisungen (bspw. Fullscreen) im Manifest ignoriert. Auf iOS funktioniert das interessanter Weise auch im HTTP.
Aber zurück zum Thema. Verhält sich die evcc Demo als installierte Homescreen App korrekt was Abstände und Statusleisten angeht?
Ja, wie oben bereits erwähnt wird bei der Demo als web App installiert die Bars oben und unten nicht transparent dargestellt und somit wohl auch nicht als nutzbarer Bereich gesehen...