FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Ulm32b am 23 August 2018, 13:04:48

Titel: Sonderzeichen Pfeil und Text haben Höhenversatz
Beitrag von: Ulm32b am 23 August 2018, 13:04:48
Hallo miteinander,

folgender Code führt nicht ganz zum gewünschten Ergebnis:
<div data-type="label" class="cell">227 Doktorsburg: → Wiesdorf</div>
Wie man im Bild sieht, liegt der Pfeil im Verhältnis zum Text etwas tief und kann gerne auch größer sein.
Mit
<div data-type="label" class="cell">227 Doktorsburg:<sup>→</sup>Wiesdorf</div>
liegt der Pfeil etwas zu hoch.

Hat jemand eine Idee?
Titel: Antw:Sonderzeichen Pfeil und Text haben Höhenversatz
Beitrag von: Vaddi am 23 August 2018, 21:53:41
Hey,
dein erstes Beispiel wird bei mir korrekt angezeigt.
Du kannst mal folgendes versuchen
<div data-type="label" class="cell">227 Doktorsburg: <div class="inline">→</div>Wiesdorf</div>
Sollte der Pfeil dann noch zu tief sein, musst du evtl mal mit den größen rum spielen
<div data-type="label" class="cell">227 Doktorsburg: <div class="inline big">→</div>Wiesdorf</div>
https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen (https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen)
Titel: Antw:Sonderzeichen Pfeil und Text haben Höhenversatz
Beitrag von: Ulm32b am 23 August 2018, 22:54:00
Zitat von: Vaddi am 23 August 2018, 21:53:41
Sollte der Pfeil dann noch zu tief sein, musst du evtl mal mit den größen rum spielen
<div data-type="label" class="cell">227 Doktorsburg: <div class="inline big">→</div>Wiesdorf</div>

class="bigger" für den Pfeil hat geholfen, vielen Dank.
Wenn das Problem an anderer Stelle nicht auftritt, hängt es wohl mit meiner Systemumgebung zusammen, die allerdings nicht ungewöhnlich ist: Android 7.0 mit Fully.
Weil ich nicht den Anspruch habe, dass mein FTUI auf diversen Geräten gleichgut läuft, kann ich mit diesem Workaround ganz gut leben. Wer weiß, wie viele andere nur bei mir funktionierende Lösungen ich unbemerkt eingebaut habe ...