Höhenversatz inline

[Ulm32b]

Hallo,

mit

Code Auswählen Erweitern

<div class="large inline">IP</div>
<div data-type="label" class="large inline" data-get="Systemmonitor:wlan0_ip"></div>
werden Label und statischer Text vertikal versetzt ausgegeben. Dies gilt auch für alle anderen Größenklassen, außer small und normal.

Wahrscheinlich ein Seiteneffekt jüngerer Updates.

[MKeY]

das eine ist ein Label, das andere ist kein "label"

Code Auswählen Erweitern

<div data-type="label" class="large inline">IP</div>
<div data-type="label" class="large inline" data-get="Systemmonitor:wlan0_ip"></div>
was passiert hier?

[Ulm32b]

das eine ist ein Label, das andere ist kein "label"

Ist mir klar. Dynamische und statische Texte in einer Zeile zu kombinieren, kommt schon mal vor.

Code Auswählen Erweitern

<div data-type="label" class="large inline">IP</div>
<div data-type="label" class="large inline" data-get="Systemmonitor:wlan0_ip"></div>

was passiert hier?

Aus dem Device Systemmonitor (= FHEM SYSMON) wird das Reading wlan_ip (= IP-Adresse) ausgelesen und - zusammen mit "IP" - ausgegeben. Das ist nur ein Beispiel. Ich bin davon überzeugt, dass der beschriebene Effekt auch mit jedem anderen label so auftreten würde.
Der Screenshot zeigt, dass es grundsätzlich funktioniert, abgesehen vom Schönheitsfehler Höhenversatz.

Der Code könnte auch vereinfacht werden, ohne dass sich etwas ändert:

Code Auswählen Erweitern

<div class="large inline">IP</div>
<div data-type="label" class="large inline" data-get="Systemmonitor:wlan0_ip"></div>

[kleineslichtHH]

vielleicht hilft das hier aus dem WIKI

data-pre-text[/t]Text, der vor dem empfangenen Wert stehen solldata-pre-text="Es ist " dann kann es mit nur einem Label funktionieren

[Ulm32b]

vielleicht hilft das hier aus dem WIKI
data-pre-text  Text, der vor dem empfangenen Wert stehen soll

Super Tip, danke, funktioniert. data-pre-text gehörte noch nicht zu meinem aktiven Wortschatz.

Nichtsdestotrotz glaube ich, dass eine Justage des eingangs geschilderten Höhenversatzes sinnvoll ist. Beispiel:

Code Auswählen Erweitern

<div data-bind="ftui.version"></div>
führt in Verbindung mit label zu Höhenversatz, und data-pre-text geht hier nicht.

Es drängt sich die Frage auf, ob das "schon immer" so war oder doch ein Effekt der jüngeren Aufräumaktion. Ein Fix würde vielen Anwendern (geringfügige) Änderungen in der Oberfläche bescheren. Wie lange es dauert, bis der Hintergrund sich herumgesprochen hat, konnten wir ja bei data-on-color(s) beobachten. Eine entsprechende Ankündigung könnte das zumindest mildern.