Ich möchte mir die CSS des "smallscreen" Styles anpassen, Schrifart, Farben.. das werde ich mit testerei hinbekommen, jedoch:
Wie stellt man es am besten an das im Porträtmodus (Hochkant) auch mehrere Spalten erscheinen (So wie im ios6 Style) ?
/* Portrait mode */
@media all and (orientation:portrait) {
/*table.block select, table.block input { width: 0px; display: none; } */
table.block tr td:nth-child(n+3) { width: 0px; display: none; }
}
/* Landscape mode */
@media all and (orientation:landscape) and (orientation:portrait) {
div.col1 { width:282px; }
div.col2 { width:108px; }
div.col3 { width:100%; min-width:108px; height:30px; }
table.block input { text-align: center; }
table.block tr td:nth-child(3) { text-align: center; }
table.block div.slider { min-width: 108px; text-align: center; }
table.block slider { float: none; }
table.block select { text-align: center; }
}
Diese Daten sind auf der Seite nicht vorhanden, es sei denn man setzt smallscreenCommands.
Ich empfehle einen Blick auf f18 zu werfen, da ich smallscreen/touchscreen/default als "ueberholt/deprecated" betrachte.
OK, Danke
dann werde ich im f18 Thread weiterlesen,
https://forum.fhem.de/index.php?topic=84760.0 (https://forum.fhem.de/index.php?topic=84760.0)