From ffa89945d19bcf9330a6c645a8c4c0560a027978 Mon Sep 17 00:00:00 2001
From: delvh <leon@kske.dev>
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 <xiaolunwen@gmail.com>
---
 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 4dd232945..f0aa67b5c 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);
+}