From 25fda18c5597cac2c308adeaed66f50a4280b827 Mon Sep 17 00:00:00 2001 From: Igor Fedoronchuk Date: Tue, 13 Oct 2026 14:23:46 +0200 Subject: [PATCH] Highlight crisscross td.selected cells, not just selected rows The selected-row rule covered tr.selected (batch-action ticks) but not the individual td.selected cells that the click-to-highlight row+column feature marks, so the zebra/hover rules shadowed them and the column highlight was invisible. Extend the rule to td.selected (and its :hover variant) at the same specificity. --- app/assets/stylesheets/wigu/active_admin_theme.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/app/assets/stylesheets/wigu/active_admin_theme.scss b/app/assets/stylesheets/wigu/active_admin_theme.scss index d7e09d0..dd4761d 100644 --- a/app/assets/stylesheets/wigu/active_admin_theme.scss +++ b/app/assets/stylesheets/wigu/active_admin_theme.scss @@ -1771,12 +1771,14 @@ input[type='radio'] { table.index_table tbody tr:nth-child(even) > td, table.index_table tbody tr.even > td { background: var(--aa-surface-2); } table.index_table tbody tr:hover > td { background: var(--aa-surface-hover); } - // Checked rows: the zebra and hover rules above outrank ActiveAdmin's own - // `tr.selected td`, so without this a ticked row looks exactly like an - // unticked one. The :hover variant keeps the selection visible while the - // pointer is over the row. + // Selected cells: the zebra and hover rules above outrank ActiveAdmin's own + // `tr.selected td` / `td.selected`, so without this a ticked row (batch + // actions) or a click-highlighted row + column (crisscross) looks unselected. + // The :hover variants keep the selection visible under the pointer. table.index_table tbody tr.selected > td, - table.index_table tbody tr.selected:hover > td { background: var(--aa-selected); } + table.index_table tbody tr.selected:hover > td, + table.index_table tbody td.selected, + table.index_table tbody tr:hover > td.selected { background: var(--aa-selected); } // Plain content tables (e.g. the CDR show "Attempts" table) are striped by the // base CSS with light fills; map the odd/even rows onto the dark surfaces too. table tbody tr.odd > td, table tbody tr.odd > th { background-color: var(--aa-surface); }