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

2
crates/archivr-server/static/assets/index-CMYgR1sE.css → crates/archivr-server/static/assets/index-BSM-rrXx.css
View file

File diff suppressed because one or more lines are too long

0
crates/archivr-server/static/assets/index-B9RMy53C.js → crates/archivr-server/static/assets/index-Zh266GB9.js
View file

4
crates/archivr-server/static/index.html
View file

@ -4,8 +4,8 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Archivr</title>
<script type="module" crossorigin src="/assets/index-B9RMy53C.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CMYgR1sE.css">
<script type="module" crossorigin src="/assets/index-Zh266GB9.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BSM-rrXx.css">
</head>
<body>
<div id="root"></div>

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);
}