thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-22 03:05:32 +02:00
Code Issues Activity

fix(frontend): scope selection background to entry-row-main only

Browse source 
Moving background:#eee2d2 off .entry-row-outer onto > .entry-row-main
so that expanded child entries don't inherit the selection highlight.

Outer wrapper now explicitly unsets background (cancelling the flat-div
cascade rule) and clears outline+box-shadow. Both the selection colour
and the inset stroke live on .entry-row-main only.
This commit is contained in:
TheGeneralist 2026-07-21 13:26:47 +02:00
parent c40d5d58af
commit 4d5fba17d2
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
4 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/styles.css
View file

@ -2760,13 +2760,16 @@ body.has-audio-bar { padding-bottom: 56px; }
#entries-body > .entry-row-outer:nth-child(even) { background: #f2ede5; }
#entries-body > .entry-row-outer:nth-child(odd) { background: var(--paper-3); }
/* Selection: class lives on outer wrapper, stroke scoped to inner row. */
#entries-body > .entry-row-outer.is-selected { background: #eee2d2; outline: none; box-shadow: none; }
#entries-body > .entry-row-outer.is-multi-selected { background: #eee2d2; outline: none; box-shadow: none; }
#entries-body > .entry-row-outer.is-selected .entry-row-main {
/* Selection: class lives on outer wrapper; background + stroke scoped to inner row
so expanded child entries don't inherit the selection highlight. */
#entries-body > .entry-row-outer.is-selected { background: unset; outline: none; box-shadow: none; }
#entries-body > .entry-row-outer.is-multi-selected { background: unset; outline: none; box-shadow: none; }
#entries-body > .entry-row-outer.is-selected > .entry-row-main {
background: #eee2d2;
box-shadow: inset 0 0 0 2px var(--accent);
}
#entries-body > .entry-row-outer.is-multi-selected .entry-row-main {
#entries-body > .entry-row-outer.is-multi-selected > .entry-row-main {
background: #eee2d2;
box-shadow: inset 0 0 0 2px var(--accent);
}