diff options
| author | adamelmore <[email protected]> | 2026-01-25 11:25:26 -0600 |
|---|---|---|
| committer | adamelmore <[email protected]> | 2026-01-25 11:25:31 -0600 |
| commit | 9a89cd91d71987b53964f2a296cf3b9d4b88aa23 (patch) | |
| tree | 6cb3447bf53c4879e74909b3495b9e818f793cfd /packages/ui/src/pierre | |
| parent | 65ac3182828c6fcb1a3feb7b7d71ea197b49e6af (diff) | |
| download | opencode-9a89cd91d71987b53964f2a296cf3b9d4b88aa23.tar.gz opencode-9a89cd91d71987b53964f2a296cf3b9d4b88aa23.zip | |
fix(app): line selection styling
Diffstat (limited to 'packages/ui/src/pierre')
| -rw-r--r-- | packages/ui/src/pierre/index.ts | 10 |
1 files changed, 5 insertions, 5 deletions
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) ); } |