Revision bb82174a
Von Cem Aydin vor etwa 1 Monat hinzugefügt
| css/design40/less/tables.less | ||
|---|---|---|
| 720 | 720 |
display: table-row-group; |
| 721 | 721 |
|
| 722 | 722 |
// zebra effect |
| 723 |
tr:nth-child(odd) { background-color: @t-row-zebra-bg-odd ; }
|
|
| 724 |
tr:nth-child(even){ background-color: @t-row-zebra-bg-even ; }
|
|
| 723 |
tr:nth-child(odd) { background-color: @t-row-zebra-bg-odd ; }
|
|
| 724 |
tr:nth-child(even) { background-color: @t-row-zebra-bg-even ; }
|
|
| 725 |
|
|
| 726 |
tr:nth-child(odd).listrow_ok { background-color: @base-ok-bg ; }
|
|
| 727 |
tr:nth-child(even).listrow_ok { background-color: @base-ok-bg-lighter ; }
|
|
| 728 |
|
|
| 729 |
tr:nth-child(odd).listrow_error { background-color: @base-error-bg ; }
|
|
| 730 |
tr:nth-child(even).listrow_error { background-color: @base-error-bg-lighter ; }
|
|
| 731 |
|
|
| 732 |
// using a darker color variant here because the light one is almost invisible |
|
| 733 |
tr:nth-child(odd).listrow_info { background-color: @base-info-bg-darker ; }
|
|
| 734 |
tr:nth-child(even).listrow_info { background-color: @base-info-bg-dark ; }
|
|
| 735 |
|
|
| 736 |
tr:nth-child(odd).listrow_warning { background-color: @base-warning-bg ; }
|
|
| 737 |
tr:nth-child(even).listrow_warning { background-color: @base-warning-bg-lighter ; }
|
|
| 738 |
|
|
| 725 | 739 |
// pendent: funktioniert nicht |
| 726 | 740 |
& > tr:last-child > td {
|
| 727 | 741 |
border-bottom: 1px @table-border-color solid !important ; |
| ... | ... | |
| 729 | 743 |
} |
| 730 | 744 |
tr:hover { background-color: @t-row-zebra-bg-hover ; }
|
| 731 | 745 |
|
| 732 |
tr.listrow_ok { background-color: @base-ok-bg !important ; }
|
|
| 733 |
tr.listrow_error { background-color: @base-error-bg !important ; }
|
|
| 734 |
tr.listrow_info { background-color: @base-info-bg !important ; }
|
|
| 735 |
tr.listrow_warning { background-color: @base-warning-bg !important ; }
|
|
| 736 |
tr.listrow_error0 { background-color: @base-error-bg !important ; }
|
|
| 737 |
tr.listrow_error1 { background-color: @msg-error-light !important ; }
|
|
| 746 |
// zebra effect using manually set classes (overrides automatic from above) |
|
| 747 |
tr.listrow0 { background-color: @t-row-zebra-bg-odd !important ; }
|
|
| 748 |
tr.listrow1 { background-color: @t-row-zebra-bg-even !important ; }
|
|
| 749 |
tr.listrow_ok0 { background-color: @base-ok-bg !important ; }
|
|
| 750 |
tr.listrow_ok1 { background-color: @base-ok-bg-lighter !important ; }
|
|
| 751 |
tr.listrow_error0 { background-color: @base-error-bg !important ; }
|
|
| 752 |
tr.listrow_error1 { background-color: @base-error-bg-lighter !important ; }
|
|
| 753 |
// using a darker color variant here because the light one is almost invisible |
|
| 754 |
tr.listrow_info0 { background-color: @base-info-bg-darker !important ; }
|
|
| 755 |
tr.listrow_info1 { background-color: @base-info-bg-dark !important ; }
|
|
| 756 |
tr.listrow_warning0 { background-color: @base-warning-bg !important ; }
|
|
| 757 |
tr.listrow_warning1 { background-color: @base-warning-bg-lighter !important ; }
|
|
| 738 | 758 |
|
| 739 | 759 |
td, th {
|
| 740 | 760 |
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.