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 {