thegeneralist01/archivr
1
Fork 0
mirror of https://github.com/thegeneralist01/archivr synced 2026-07-21 18:55:36 +02:00
Code Issues Activity

fix(frontend): clear box-shadow on entry-row-outer to prevent double stroke

Browse source 
The flat selector '#entries-body > div.is-selected' already applies
box-shadow to .entry-row-outer (it IS a direct child div). The outer
override rule only cleared 'outline', so the box-shadow leaked through,
wrapping the entire parent+children block with a second stroke.

Add box-shadow: none to both .is-selected and .is-multi-selected on
.entry-row-outer so the stroke sits only on .entry-row-main.
This commit is contained in:
TheGeneralist 2026-07-21 13:20:40 +02:00
parent d9047ffbef
commit d5dcba4423
Signed by: thegeneralist01
SSH key fingerprint: SHA256:pp9qddbCNmVNoSjevdvQvM5z0DHN7LTa8qBMbcMq/R4
4 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

File diff suppressed because one or more lines are too long

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-CTxmRuus.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B2ZDSzbi.css">
<script type="module" crossorigin src="/assets/index-B9RMy53C.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CMYgR1sE.css">
</head>
<body>
<div id="root"></div>

4
frontend/src/styles.css
View file

@ -2761,8 +2761,8 @@ body.has-audio-bar { padding-bottom: 56px; }
#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; }
#entries-body > .entry-row-outer.is-multi-selected { background: #eee2d2; outline: none; }
#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 {
box-shadow: inset 0 0 0 2px var(--accent);
}