2016-03-24 3 views
1

Ich versuche, die gerade/ungerade Farben außer Kraft zu setzen und die Zeile ein geben „: hover“ Hintergrundfarbe, aber ich kann nicht außer Kraft setzen:bwu_datagrid, wie Zeilenhintergrundfarben außer Kraft zu setzen und eine Zeile hinzufügen: schweben Farbe

undefined .bwu-datagrid-row.odd, 
.bwu-datagrid-row.odd:not([style-scope]):not(.style-scope) { 
    background: #fafafa; 
} 

Hier ist, was ich auf meinem Thema html ohne Ergebnisse versucht haben:

:host::content .bwu-datagrid-row.odd, 
.bwu-datagrid-row.odd { 
     /* !important works, but it prevents me from doing a :hover */ 
     background-color: lightskyblue; 
     background: lightskyblue; 
} 

Hinzufügen „: schweben“ zu dieser letzten Regel nicht Trigger bekommt, wenn die Zeile über wird moused. Ich hoffe, dass dies möglich ist. Wenn jemand auf einer Zelle in einer Reihe schwebt, verändert die ganze Reihe die Hintergrundfarbe.

Antwort

1

in package:bwu_datagrid/datagrid/bwu_datagrid_default_them.* ist das Standarddesignstilmodul. Es soll als Vorlage für Ihr eigenes Thema dienen.

erstellen Stil Modul mit dem gleichen Namen (<dom-module id='bwu-datagrid-default-theme'>, kopieren, was Sie wollen/müssen von den im Lieferumfang enthaltenen Standard-Theme auf Ihr eigenes Thema.
dann nur Ihr eigenes Thema importieren statt dem von package:bwu_datagrid/datagrid/ und nur die Stile aus Ihr Stil Modul angewandt werden.
diese Weise können Sie die Standard-Theme müssen Sie soooo viel nicht „kämpfen“.

+0

Yup, Dank! :) ich unter dem falschen Eindruck war, dass ich das Grundthema benötigen erstrecken sich von. Aber, ja, die Sekunden, die ich diese Abhängigkeit ausgeschaltet habe, hat alles funktioniert. –

+0

Ich habe lange darüber nachgedacht, wie man das in Polymer 1 implementiert und viele Einschränkungen hat, das ließ keine Zeit zum Schreiben von Dokumenten ;-) Ich mag das Ergebnis aber sehr. –

Verwandte Themen