fix #859 Table row does not get marked when checked

DominoKit · Oct 26, 2023 · a1a0fbd · a1a0fbd
1 parent 44b13d3
commit a1a0fbd
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/...es/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-colors-light.css b/...es/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-colors-light.css
@@ -400,7 +400,8 @@
     --dui-clickable-box-shadow: 0 0 0 0 rgb(0 0 0 / 40%), 0 0 0 5px rgb(0 0 0 / 8%);
     --dui-datatable-even-bg-color: var(--dui-accent-l-5);
     --dui-datatable-odd-bg-color: var(--dui-clr-white);
-    --dui-datatable-row-selected-bg-color: var(--dui-accent-l-2);
+    --dui-datatable-row-selected-bg-color: var(--dui-accent-l-4);
+    --dui-datatable-row-stripped-selected-bg-color: var(--dui-accent-l-2);
     --dui-datatable-row-hover-bg-color: var(--dui-accent-l-3);
     --dui-datatable-header-hover-bg-color: var(--dui-accent-l-5);
     --dui-datatable-border-color: var(--dui-accent-l-4);

diff --git a/...urces/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-datatable.css b/...urces/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-datatable.css
@@ -52,6 +52,10 @@
     background-color:var(--dui-bg-clr, var(--dui-bg, var(--dui-clr-dominant)));
 }
 
+.dui-datatable-responsive:not(.dui-datatable-striped) tbody .dui-datatable-row.dui-datatable-row-selected{
+    background-color: var(--dui-datatable-even-bg-color);
+}
+
 .dui-datatable-striped tbody .dui-datatable-row:nth-child(even) {
     background-color: var(--dui-datatable-even-bg-color);
 }
@@ -129,6 +133,11 @@
 
 .dui-datatable-row-selected.dui-datatable-row.dui-odd,
 .dui-datatable-row-selected.dui-datatable-row.dui-even {
+    --dui-datatable-even-bg-color: var(--dui-datatable-row-stripped-selected-bg-color);
+    --dui-datatable-odd-bg-color: var(--dui-datatable-row-stripped-selected-bg-color);
+}
+
+.dui-datatable-responsive:not(.dui-datatable-striped) tbody .dui-datatable-row-selected.dui-datatable-row {
     --dui-datatable-even-bg-color: var(--dui-datatable-row-selected-bg-color);
     --dui-datatable-odd-bg-color: var(--dui-datatable-row-selected-bg-color);
 }