Hallo!
Ich habe ein Problem mit dem ein paar der gestylten Widgets, beim einfügen von Bildern als Icon.
Ich habe das Widget folgendermaßen aufgebaut:
[
{
"tpl": "tplIconState",
"data": {
"oid": "hm-rpc.0.OEQ1851910.1.LEVEL",
"g_fixed": true,
"g_css_font_text": false,
"g_css_background": false,
"g_css_shadow_padding": false,
"g_css_border": false,
"g_gestures": false,
"signals-cond-1": "==",
"signals-val-1": true,
"signals-icon-1": "/vis/signals/lowbattery.png",
"signals-icon-size-1": 0,
"signals-blink-1": false,
"signals-horz-1": 0,
"signals-vert-1": 0,
"signals-hide-edit-1": false,
"signals-cond-2": "==",
"signals-val-2": true,
"signals-icon-2": "/vis/signals/lowbattery.png",
"signals-icon-size-2": 0,
"signals-blink-2": false,
"signals-horz-2": 0,
"signals-vert-2": 0,
"signals-hide-edit-2": false,
"class": "button",
"value": "50",
"imageHeight": "79",
"filterkey": "",
"bindings": [],
"variant": "standard",
"text": "",
"src": "../vis-2.0/Bilder/Icon_blau/Shutter Middle Position.png",
"icon": null,
"text_active": null,
"src_active": null,
"icon_active": null,
"invert_icon": null,
"invert_icon_active": null,
"g_style": true
},
"style": {
"left": 142,
"top": 669,
"width": "80px",
"height": "80px",
"position": "",
"bindings": []
},
"widgetSet": "jqui",
"_id": "i000001"
}
]
Im CSS unter .button steht dies:
.button {
font-family: Normal !important;
border-radius: 10px !important;
font-size: 25px !important;
background: var(--main-backg-button) !important;
color: var(--main-text-color) !important;
padding:10px
}
Der Button sieht nun folgendermaßen aus:
f2838e9a-f57d-4b61-a7b6-ab8710fedde9-image.png
Das Symbol ist in der Auflösung 50*50, im Button wird es aber nicht im selben Verhältnis dargestellt:
51146b46-5c26-437a-8d0c-7c58aa150c91-image.png
Wenn ich das selbe Icon z.B. bei Bulb OnOff nutze, passiert dies nicht. Ist das schon bekannt?
