fix view

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 {