ioBroker / ioBroker.vis-2

Next generation visualisation for ioBroker platform.
Other
26 stars 3 forks source link

[bug]: Gruppen - Basic Widgets CSS Allgemein Parameter #371

Closed eisbaer721 closed 3 months ago

eisbaer721 commented 3 months ago

No existing issues.

Describe the bug

Ich habe eine grundsätzliche Frage oder ob es ein Bug ist weiß ich allerdings nicht: Wie ist das richtige Verhalten wenn man anstatt mit px auf % umstellen will wegen einer reposiven Darstellung ? Worauf beziehen sich die %-Werte bei der Verwendung von Widgets in Gruppen und wenn man diese danach in Widget "View in Widgets" auf eine anderen View darstellen möchte?

im folgenden Versuche ich mal zu zeigen und zu erklären was ich mache und irgendwie sind mir die einzelnen Verhalten der Werte nicht ganz klar:

To Reproduce

Trage ich dann in beiden Widgets ein Wert ein : hier in diesem Beispiel :
width mit 100px (10.09%) und Höhe mit 100px (12.42%)

Screenshot 2024-02-16 151247

gruppiere ich diese beiden dann: Screenshot 2024-02-16 151349

Nun werden diese dann sehr klein. Behalten ihr %-Werte bei. Bezogen auf die Gruppe . Ist dieses Verhalten richtig ? Versuche ich diese nun mit der Maus größer zu ziehen, springen Sie wieder in die kleine Größe zurück. (wie ein Gummiband)

Screenshot 2024-02-16 151539

Gebe ich die neuen Wert 50% und 100% per Tastatur ein dann bleiben sie so. Obwohl die Größe dann auch nicht mehr stimmt in der Gruppe.

Screenshot 2024-02-16 152919

Will ich jetzt auch noch diese Gruppe mit %- Werte in einem View in Widget auf einer anderen View darstellen, ist das Größenverhältnis gar nicht mehr verständlich für mich. Screenshot 2024-02-16 154404

Expected behavior

Sollten die % Werte nicht immer gleich bleiben ? Egal ob diese Widgets gruppiere oder in der View in Widget darstellle? Sollten diese sich nicht immer auf die gesamte Auflösung beziehen ?

Screenshots & Logfiles

siehe oben

Adapter version

2.9.32

js-controller version

5.0.19

Node version

18.19.0

Operating system

Debian

Additional context

Bei der neuen Version fällt mir auch auf : Ziehe ich verschiedene Widgets aus dem Menü heraus sind neuerdings teilweise die Parameter in width und Höhe leer. Dieses ist nicht bei allen so.: z.B.
Bulb on/ off oder Number oder iFrame 8 sind leer.
HTML , Image IFrame sind gefüllt....
Screenshot 2024-02-16 150752

foxriver76 commented 3 months ago

css % Werte beziehen sich auf das Verhältnis zum Parent, daher ist eine Änderung je nachdem wo diese dargstellt werden durchaus möglich. Im Detail muss ich dein Issue mal in Ruhe anschauen.

foxriver76 commented 3 months ago

Wie in meiner vorherigen Antwort gesagt: Die % Angaben beziehen sich immer auf den Parent Container. Somit normales Verhalten an dem wir nichts ändern können. Wo es Sinn macht % und wo konkrete Einheiten zu nehmen hängt stark von dem Anwendungsfall ab, auch dann wenn das Ziel responsive Design.