From ffa89945d19bcf9330a6c645a8c4c0560a027978 Mon Sep 17 00:00:00 2001 From: delvh Date: Mon, 13 Feb 2023 11:46:47 +0100 Subject: [PATCH] Highlight focused diff file (#22870) When a diff file has been focused through the URL ID fragment, it will be highlighted. ![light theme](https://user-images.githubusercontent.com/51889757/218283880-ce551cb3-0c21-4044-adb0-d9ceb8a15ec5.png) ![dark theme](https://user-images.githubusercontent.com/51889757/218283885-e96e989a-4670-49b6-9733-fbd6fffabf20.png) --------- Co-authored-by: Lunny Xiao --- web_src/less/_review.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/web_src/less/_review.less b/web_src/less/_review.less index 4dd232945e..f0aa67b5c8 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -317,3 +317,11 @@ a.blob-excerpt:hover { width: 72px; height: 10px; } + +.diff-file-box { + border-radius: .285rem; // Just like ui.top.attached.header +} + +.diff-file-box:target { + box-shadow: 0 0 0 3px var(--color-accent); +}