Revision 676ad700
Von Cem Aydin vor etwa 1 Jahr hinzugefügt
- ID 676ad700cbbedf026a35b26fe2e60a7bcd9f9cae
- Vorgänger a36a2787
| css/design40/less/tables.less | ||
|---|---|---|
|
display: table-row-group;
|
||
|
|
||
|
// zebra effect
|
||
|
tr:nth-child(odd) { background-color: @t-row-zebra-bg-odd ; }
|
||
|
tr:nth-child(even){ background-color: @t-row-zebra-bg-even ; }
|
||
|
tr:nth-child(odd) { background-color: @t-row-zebra-bg-odd ; }
|
||
|
tr:nth-child(even) { background-color: @t-row-zebra-bg-even ; }
|
||
|
|
||
|
tr:nth-child(odd).listrow_ok { background-color: @base-ok-bg ; }
|
||
|
tr:nth-child(even).listrow_ok { background-color: @base-ok-bg-lighter ; }
|
||
|
|
||
|
tr:nth-child(odd).listrow_error { background-color: @base-error-bg ; }
|
||
|
tr:nth-child(even).listrow_error { background-color: @base-error-bg-lighter ; }
|
||
|
|
||
|
// using a darker color variant here because the light one is almost invisible
|
||
|
tr:nth-child(odd).listrow_info { background-color: @base-info-bg-darker ; }
|
||
|
tr:nth-child(even).listrow_info { background-color: @base-info-bg-dark ; }
|
||
|
|
||
|
tr:nth-child(odd).listrow_warning { background-color: @base-warning-bg ; }
|
||
|
tr:nth-child(even).listrow_warning { background-color: @base-warning-bg-lighter ; }
|
||
|
|
||
|
// pendent: funktioniert nicht
|
||
|
& > tr:last-child > td {
|
||
|
border-bottom: 1px @table-border-color solid !important ;
|
||
| ... | ... | |
|
}
|
||
|
tr:hover { background-color: @t-row-zebra-bg-hover ; }
|
||
|
|
||
|
tr.listrow_ok { background-color: @base-ok-bg !important ; }
|
||
|
tr.listrow_error { background-color: @base-error-bg !important ; }
|
||
|
tr.listrow_info { background-color: @base-info-bg !important ; }
|
||
|
tr.listrow_warning { background-color: @base-warning-bg !important ; }
|
||
|
tr.listrow_error0 { background-color: @base-error-bg !important ; }
|
||
|
tr.listrow_error1 { background-color: @msg-error-light !important ; }
|
||
|
// zebra effect using manually set classes (overrides automatic from above)
|
||
|
tr.listrow0 { background-color: @t-row-zebra-bg-odd !important ; }
|
||
|
tr.listrow1 { background-color: @t-row-zebra-bg-even !important ; }
|
||
|
tr.listrow_ok0 { background-color: @base-ok-bg !important ; }
|
||
|
tr.listrow_ok1 { background-color: @base-ok-bg-lighter !important ; }
|
||
|
tr.listrow_error0 { background-color: @base-error-bg !important ; }
|
||
|
tr.listrow_error1 { background-color: @base-error-bg-lighter !important ; }
|
||
|
// using a darker color variant here because the light one is almost invisible
|
||
|
tr.listrow_info0 { background-color: @base-info-bg-darker !important ; }
|
||
|
tr.listrow_info1 { background-color: @base-info-bg-dark !important ; }
|
||
|
tr.listrow_warning0 { background-color: @base-warning-bg !important ; }
|
||
|
tr.listrow_warning1 { background-color: @base-warning-bg-lighter !important ; }
|
||
|
|
||
|
td, th {
|
||
|
color: @table-list-zebra-text-color ;
|
||
Auch abrufbar als: Unified diff
Design4.0: Überarbeitung/Ergänzung der Klassen für Zebra Effekt in Tabellen
Farben in Reihen werden automatisch alterniert,
können aber falls gewünscht auch manuell gesetzt werden.
Siehe dazu auch die Design 4.0 HTML/CSS Dokumentation/Beispiele unter:
/css/design40/manual/tables.html
Damit sollten auch Fehler #616, sowie #542 (teilweise) behoben werden können.
Allenfalls braucht es dazu noch Anpassungen in den templates.