diff --git a/app/views/entries/index.html.erb b/app/views/entries/index.html.erb index edabb93..de3e314 100644 --- a/app/views/entries/index.html.erb +++ b/app/views/entries/index.html.erb @@ -16,38 +16,74 @@ } #combinationOverviewTable tbody tr.type-propaedeutikum > td:first-child { - border-left: 4px solid #0d6efd; + border-left: 4px solid #0d6efd !important; } #combinationOverviewTable tbody tr.type-fachspezifikum > td:first-child { - border-left: 4px solid #198754; + border-left: 4px solid #198754 !important; } #combinationOverviewTable tbody tr.type-mediation > td:first-child { - border-left: 4px solid #fd7e14; + border-left: 4px solid #fd7e14 !important; } #combinationOverviewTable tbody tr:hover { filter: brightness(0.98); } - /* Typfarben mit Zebra-Striping innerhalb des jeweiligen Typs */ - #entriesTable tbody tr.type-propaedeutikum { - --bs-table-bg: rgba(13, 110, 253, 0.055); - --bs-table-striped-bg: rgba(13, 110, 253, 0.105); - --bs-table-hover-bg: rgba(13, 110, 253, 0.145); + /* + * Typfarben mit Zebra-Striping. + * + * Die Farben werden bewusst direkt auf die TDs gesetzt. + * Bootstrap färbt .table-striped/.table-hover teilweise über + * eigene State-Variablen und inset box-shadow ein. Deshalb hier + * mit höherer Spezifität + !important und ohne Bootstrap-Overlay. + */ + + #entriesTable.table tbody tr.type-propaedeutikum:nth-of-type(odd) > td { + background-color: rgba(13, 110, 253, 0.055) !important; + box-shadow: none !important; + } + + #entriesTable.table tbody tr.type-propaedeutikum:nth-of-type(even) > td { + background-color: rgba(13, 110, 253, 0.115) !important; + box-shadow: none !important; + } + + #entriesTable.table tbody tr.type-fachspezifikum:nth-of-type(odd) > td { + background-color: rgba(25, 135, 84, 0.055) !important; + box-shadow: none !important; + } + + #entriesTable.table tbody tr.type-fachspezifikum:nth-of-type(even) > td { + background-color: rgba(25, 135, 84, 0.115) !important; + box-shadow: none !important; + } + + #entriesTable.table tbody tr.type-mediation:nth-of-type(odd) > td { + background-color: rgba(253, 126, 20, 0.065) !important; + box-shadow: none !important; + } + + #entriesTable.table tbody tr.type-mediation:nth-of-type(even) > td { + background-color: rgba(253, 126, 20, 0.135) !important; + box-shadow: none !important; + } + + /* Hover bleibt innerhalb der jeweiligen Typfarbe */ + #entriesTable.table tbody tr.type-propaedeutikum:hover > td { + background-color: rgba(13, 110, 253, 0.17) !important; + box-shadow: none !important; } - #entriesTable tbody tr.type-fachspezifikum { - --bs-table-bg: rgba(25, 135, 84, 0.055); - --bs-table-striped-bg: rgba(25, 135, 84, 0.105); - --bs-table-hover-bg: rgba(25, 135, 84, 0.145); + #entriesTable.table tbody tr.type-fachspezifikum:hover > td { + background-color: rgba(25, 135, 84, 0.17) !important; + box-shadow: none !important; } - #entriesTable tbody tr.type-mediation { - --bs-table-bg: rgba(253, 126, 20, 0.065); - --bs-table-striped-bg: rgba(253, 126, 20, 0.12); - --bs-table-hover-bg: rgba(253, 126, 20, 0.16); + #entriesTable.table tbody tr.type-mediation:hover > td { + background-color: rgba(253, 126, 20, 0.19) !important; + box-shadow: none !important; } #entriesTable tbody tr.type-propaedeutikum > td:first-child {