Koala - Battery Priority SoC range slider

[Brett-S-OWB]

Range-Slider für den SoC-Bereich der Speicher-Ladepriorität hinzugefügt.

[Brett-S-OWB]

Beim Range-Slider verwende ich ein anderes Rot für den Pending-Text, da das bisherige Rot auf dem blauen Label-Hintergrund schlecht lesbar ist. Die Frage wäre ob wir dieser Rot überall verwenden wollen?

[benderl]

Beim Range-Slider verwende ich ein anderes Rot für den Pending-Text, da das bisherige Rot auf dem blauen Label-Hintergrund schlecht lesbar ist. Die Frage wäre ob wir dieser Rot überall verwenden wollen?

Wie wäre es alternativ, das komplette Label einzufärben oder nur den "thumb"? Die beiden Rottöne finde ich auf dem blauen Hintergrund nicht gut lesbar.

[Brett-S-OWB]

Beim Range-Slider verwende ich ein anderes Rot für den Pending-Text, da das bisherige Rot auf dem blauen Label-Hintergrund schlecht lesbar ist. Die Frage wäre ob wir dieser Rot überall verwenden wollen?

Wie wäre es alternativ, das komplette Label einzufärben oder nur den "thumb"? Die beiden Rottöne finde ich auf dem blauen Hintergrund nicht gut lesbar.

Ja das wäre ein Alternative, ich schaue wie das aussieht...

[Brett-S-OWB]

Bei Slider wird Label-Hintergrund rot bei "pending" Wert statt den Text.

[benderl]

Spricht etwas gegen die bei Quasar eingebauten Optionen für die Farbe der Labels?
https://quasar.dev/vue-components/range#other-customizations

[Brett-S-OWB]

Spricht etwas gegen die bei Quasar eingebauten Optionen für die Farbe der Labels? https://quasar.dev/vue-components/range#other-customizations

Nein das wäre natürlich besser :)
Die Pending-Markierung wurde auch angepasst, sodass die Label-Farbe abhängig davon geändert wird, ob der linke oder rechte Slider bewegt wurde.

[seaspotter]

Bei mir sieht das aktuell so aus, ich habe trotzdem noch ein Scrollmenü, weil die 100% SoC vom rechten Slider über den Fensterrand hinausschauen.

Zudem habe ich Min SoC 97% und Max SoC 100% eingestellt, ist so leider nicht voneinander unterscheidbar, aber ich kann beide verändern. Macht es ggf. Sinn Min und Max auf zwei Slider aufzuteilen wie es in den Einstellungen auch ist?
Was vielleicht noch etwas unschön ist und ggf. gar nicht so gewollt: Ich kann den Max SOC unterhalb des Min SOC schieben, da sollte vielleicht noch eine Prüfung rein?

[Brett-S-OWB]

Bei mir sieht das aktuell so aus, ich habe trotzdem noch ein Scrollmenü, weil die 100% SoC vom rechten Slider über den Fensterrand hinausschauen.

Danke für den Hinweis. Ich musste das Vue UI Range-Component mit CSS anpassen damit die Labels unterhalb des Sliders sind. da fehlt noch ein bisschen Padding Rechts bei slider auf 100%. Ich passe das noch an.

Zudem habe ich Min SoC 97% und Max SoC 100% eingestellt, ist so leider nicht voneinander unterscheidbar, aber ich kann beide verändern. Macht es ggf. Sinn Min und Max auf zwei Slider aufzuteilen wie es in den Einstellungen auch ist?

Ja, stimmt – ein Label verdeckt das andere, wenn sie so nah beieinander sind. Das zu ändern, ohne das Basis-UI-Component stark zu verändern, wird schwierig. Wenn man die Thumbs anklickt, sieht man den aktuellen Wert, sodass man ihn trotzdem problemlos einstellen kann. Die Änderungen sieht man dann auch in der Speicherkarte, nachdem die Werte gesetzt wurden:

Was vielleicht noch etwas unschön ist und ggf. gar nicht so gewollt: Ich kann den Max SOC unterhalb des Min SOC schieben, da sollte vielleicht noch eine Prüfung rein?

Falls man die Slider-Thumbs übereinander bewegt (also wenn Max und Min quasi auf der „falschen“ Seite liegen), wird der Thumb auf der linken Seite des Sliders immer als Minimum behandelt und der Thumb auf der rechten Seite immer als Maximum – egal, wie sie zuvor hin- und hergeschoben wurden. Dieses Verhalten finde ich persönlich intuitiv und in Ordnung.

[seaspotter]

Ja, stimmt – ein Label verdeckt das andere, wenn sie so nah beieinander sind. Das zu ändern, ohne das Basis-UI-Component stark zu verändern, wird schwierig. Wenn man die Thumbs anklickt, sieht man den aktuellen Wert, sodass man ihn trotzdem problemlos einstellen kann. Die Änderungen sieht man dann auch in der Speicherkarte, nachdem die Werte gesetzt wurden:

Danke dir für die Rückmeldung. Ich persönlich fände 2 Slider je einen für Min und einen für Max SOC besser, weil es dann konsistent mit den Einstellungen im Menü wäre. :) Aber reine persönliche Meinung, ich kann auch damit leben wie es jetzt ist. :)

Falls man die Slider-Thumbs übereinander bewegt (also wenn Max und Min quasi auf der „falschen“ Seite liegen), wird der Thumb auf der linken Seite des Sliders immer als Minimum behandelt und der Thumb auf der rechten Seite immer als Maximum – egal, wie sie zuvor hin- und hergeschoben wurden. Dieses Verhalten finde ich persönlich intuitiv und in Ordnung.

Okay super, das hatte ich noch gar nicht getestet. 👍