opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site): enable word-level inline diff highlighting in DiffViewer (#23423)

Browse Source
This commit is contained in:
Danielle Maywood
2026-03-23 10:30:38 +00:00
committed by GitHub
parent 75f5b60eb6
commit eca2257c26
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/ai-elements/tool/utils.ts
+5 -1
View File
@@ -230,7 +230,11 @@ const SEPARATOR_CSS = [
].join(" ");
export const diffViewerCSS = [
"pre, [data-line]:not([data-selected-line]), [data-diffs-header] { background-color: transparent !important; }",
// Make context lines transparent so they blend with the page,
// but preserve the library's colored backgrounds on changed
// lines (change-addition / change-deletion) so the line-level
// tint and word-level emphasis highlights remain visible.
"pre, [data-line]:not([data-selected-line]):not([data-line-type='change-addition']):not([data-line-type='change-deletion']), [data-diffs-header] { background-color: transparent !important; }",
"[data-diffs-header] { border-left: 1px solid var(--border); }",
SELECTION_OVERRIDE_CSS,
SEPARATOR_CSS,