FHEM Forum

FHEM => Frontends => Thema gestartet von: UliM am 23 Februar 2014, 19:36:22

Titel: darkstyle border-spacing mit und ohne column
Beitrag von: UliM am 23 Februar 2014, 19:36:22
Hi,
wie in den angehängten screenshots zu sehen, sind bei Nutzung des Attributs column die icons ziemlich an den linken Tabellenrand gebappt.
Hab schon mit Firebug analysiert und auf unterschiedlichen Ebenen border-spacing zugewiesen, jedoch nie hinbekommen dass es in etwa so aussieht wie ohne column.

Hat das von euch schon jemand zurechtgerückt bekommen und kann die settings hier posten?

Gruß, Uli
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: Damian am 23 Februar 2014, 21:38:21
Rudi hat Column-Anpassungen anders realisiert, als ich. Daher müssen die Anpassungen anders vorgenommen werden.

Du kannst in darkstyle.css:

Löschen:

table.column { border-spacing: 5px; }


statt:
tr.column td { padding:0; vertical-align:top;}

eintragen:
tr.column td { padding-top:0px; padding-right:5px; padding-left:5px; vertical-align:top;}

Damit hast du 5 px zum Icon.

Gruß

Damian
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: rudolfkoenig am 24 Februar 2014, 11:47:18
UliM: bitte testen und bestaetigen, dass es dein Problem loest, dann werde ich es uebernehmen.
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: UliM am 24 Februar 2014, 16:45:15
Hi,
Gern.  Komme erst Ende der Woche dazu, melde mich dann.
Gruß, Uli
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: justme1968 am 24 Februar 2014, 22:04:46
hier: http://forum.fhem.de/index.php/topic,14425.msg142083.html#msg142083 (http://forum.fhem.de/index.php/topic,14425.msg142083.html#msg142083) helfen die änderungen auch.

gruss
  andre
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: UliM am 27 Februar 2014, 21:52:06
Zitat von: Damian am 23 Februar 2014, 21:38:21
in darkstyle.css:

Löschen:

table.column { border-spacing: 5px; }


statt:
tr.column td { padding:0; vertical-align:top;}

eintragen:
tr.column td { padding-top:0px; padding-right:5px; padding-left:5px; vertical-align:top;}

Hi,
funktioniert, vielen Dank! Ich hab's sogar noch etwas großzügiger eingetragen, damit sieht es genau so aus wie ohne column - und vertical-alignment:center ist auch wie im "Original":

tr.column td { padding-top:5px; padding-right:5px; padding-left:8px; vertical-align:center;}

Gruß, Uli
Titel: Antw:darkstyle border-spacing mit und ohne column
Beitrag von: rudolfkoenig am 28 Februar 2014, 08:23:40
Hab die Version von Uli eingecheckt, bis auf vertical-align: center wird von firefox bemaengelt, top nicht.