Hi,
ich hab mal das Thread von @Uhula durchsucht und bin da auf die Klasse "mdui-flex-item" gestoßen.
Ich hab deine Lichtsteuerung mal als neues Projekt angelegt und die das Script und die CSS-Klassen von @Uhula eingefügt. An die CSS-Klassen habe ich noch folgendes angehängt:
/*
Ergänzungen von @AxelF1977
https://forum.iobroker.net/topic/27704/visualisierung-mit-material-design/24
*/
.clear
{
clear: both;
}
.clearboth
{
clear: both;
}
.clearleft
{
clear: left;
}
.clearright
{
clear: right;
}
/*
Ergänzungen von @Uhula
https://forum.iobroker.net/topic/7322/projekt-material-design-css-für-iobroker-vis/27
*/
.mdui-flex {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.mdui-flex-item{
position:relative !important;
left:0 !important;
top:0 !important;
margin:4px !important;
}
Leider schaut es bei mir einfach nicht aus wie bei dir. Hier im angehängten Screenshot siehst du, das die Elemente nicht ausgemittelt werden und rechts aus dem tile heraus ragen. Ich denke das Problem ist der "Rand" an der linken Seite.
Hast du noch eine Idee an was das liegen könnte?
Das Ding ist nämlich das ich auch versuche eine Vis mit dem MaterialDesign aufzubauen aber eben das Problem habe mit den skalieren der Tile-Breite. Daher fand ich deinen Ansatz mit "Alles in Prozent angeben" super. Aber bei mir will das nicht wirklich funktionieren.
Gruß,
Daniel