From 9a89cd91d71987b53964f2a296cf3b9d4b88aa23 Mon Sep 17 00:00:00 2001 From: adamelmore <2363879+adamdottv@users.noreply.github.com> Date: Sun, 25 Jan 2026 11:25:26 -0600 Subject: fix(app): line selection styling --- packages/ui/src/pierre/index.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'packages/ui/src/pierre') diff --git a/packages/ui/src/pierre/index.ts b/packages/ui/src/pierre/index.ts index 54262e4aa..a83af9890 100644 --- a/packages/ui/src/pierre/index.ts +++ b/packages/ui/src/pierre/index.ts @@ -44,12 +44,12 @@ const unsafeCSS = ` background-color: var(--diffs-bg-selection-text); } -[data-diffs] [data-comment-selected] { - background-color: var(--diffs-bg-selection); +[data-diffs] [data-comment-selected]:not([data-selected-line]) [data-column-content] { + box-shadow: inset 0 0 0 9999px var(--diffs-bg-selection); } -[data-diffs] [data-comment-selected] [data-column-number] { - background-color: var(--diffs-bg-selection-number); +[data-diffs] [data-comment-selected]:not([data-selected-line]) [data-column-number] { + box-shadow: inset 0 0 0 9999px var(--diffs-bg-selection-number); color: var(--diffs-selection-number-fg); } @@ -73,7 +73,7 @@ const unsafeCSS = ` /* The deletion word-diff emphasis is stronger than additions; soften it while selected so the selection highlight reads consistently. */ [data-diffs] [data-line-type='change-deletion'][data-selected-line] { --diffs-bg-deletion-emphasis: light-dark( - rgb(from var(--diffs-deletion-base) r g b / 0.15), + rgb(from var(--diffs-deletion-base) r g b / 0.07), rgb(from var(--diffs-deletion-base) r g b / 0.1) ); } -- cgit v1.2.3