ioBroker / ioBroker.vis-2

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

[bug]: Schrift Ausrichtung im Widget ohne Funktion #426

Open Mento1232 opened 3 weeks ago

Mento1232 commented 3 weeks ago

No existing issues.

Describe the bug

Die Schrift Position innerhalb des Feldes lässt sich nicht einstellen. Zb. Links oder Rechts bündige Ausrichtung. Die Auswahlmöglichkeiten sind vorhanden, aber haben keine Funktion.

To Reproduce

  1. Widget öffnen
  2. Auswahl Register CSS Font & Text
  3. text-align
  4. Auswahl wechseln zb. right

Expected behavior

Hier sollte die Schrift Position im Feld Ausgerichtet werden. Allerdings hat die Eingabe keine Funktion, wie es ausschaut ist Standard "Center" vorgeben.

Screenshots & Logfiles

vis-8-1

Page or affected widget

[
  {
    "tpl": "tplJquiBool",
    "data": {
      "bindings": [],
      "type": "button",
      "g_common": true,
      "oid": "shelly.0.shellyplus2pm#fcb467a6c634#1.Relay1.Switch",
      "text_false": "Decke 1",
      "g_text": true,
      "text_true": "Decke 1",
      "padding": 0,
      "g_style": true,
      "variant": "standard",
      "orientation": "horizontal",
      "test": "",
      "src_false": null,
      "icon_false": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik05IDIxYzAgLjUuNCAxIDEgMWg0Yy42IDAgMS0uNSAxLTF2LTFIOXYxem0zLTE5QzguMSAyIDUgNS4xIDUgOWMwIDIuNCAxLjIgNC41IDMgNS43VjE3YzAgLjUuNCAxIDEgMWg2Yy42IDAgMS0uNSAxLTF2LTIuM2MxLjgtMS4zIDMtMy40IDMtNS43YzAtMy45LTMuMS03LTctN3oiLz48L3N2Zz4=",
      "icon_color_false": "rgba(255,255,255,1)",
      "invert_icon_false": false,
      "imageHeight_false": 22,
      "g_icon_false": true,
      "src_true": null,
      "icon_true": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik05IDIxYzAgLjUuNCAxIDEgMWg0Yy42IDAgMS0uNSAxLTF2LTFIOXYxem0zLTE5QzguMSAyIDUgNS4xIDUgOWMwIDIuNCAxLjIgNC41IDMgNS43VjE3YzAgLjUuNCAxIDEgMWg2Yy42IDAgMS0uNSAxLTF2LTIuM2MxLjgtMS4zIDMtMy40IDMtNS43YzAtMy45LTMuMS03LTctN3oiLz48L3N2Zz4=",
      "icon_color_true": "yellow",
      "invert_icon_true": false,
      "imageHeight_true": 22,
      "g_icon_true": true,
      "invert": false,
      "equal_text_length": false,
      "g_css_font_text": true,
      "html_prepend": "",
      "html_append": "",
      "color_false": "",
      "color_true": "",
      "readOnly": false,
      "g_css_border": true,
      "g_css_background": true,
      "jquery_style": false
    },
    "style": {
      "bindings": [],
      "left": 1544,
      "top": 342,
      "width": "160.562px",
      "height": "37px",
      "z-index": 4,
      "text-align": "right",
      "font-size": "15px",
      "border-width": "1px",
      "border-style": "",
      "border-radius": "10px",
      "background-color": "rgba(69,77,88,1)",
      "color": "White",
      "font-family": "\"Arial Black\", Gadget, sans-serif"
    },
    "widgetSet": "jqui",
    "_id": "i000001"
  }
]

Adapter version

2.9.32

js-controller version

5.0.12

Node version

v18.17.1

Operating system

Linux / Raspberry 4

Additional context

Als Wunsch wäre noch die Möglichkeit die Position des Symbols von True oder False im Beispiel Lampe nach Rechts und auch Links zu Verschieben. Vorteil: Meist hat man in seiner View mehrere dieser Widgets untereinander. Somit lässt sich die Anzeige der Symbole schön untereinander anordnen.