From b308f8e9b4961fce31fba96094c1e9dbddbd413a Mon Sep 17 00:00:00 2001
From: Antoine Clausse <antoine.clausse@overleaf.com>
Date: Mon, 2 Dec 2024 11:41:30 +0100
Subject: [PATCH] Invert linked-file-icon so it's more visible (#22216)

GitOrigin-RevId: 8ad073166260029e4404cc37fdbb1ee2f8a41c11
---
 .../bootstrap-5/pages/editor/file-tree.scss       | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
index 8178b102dc..775d3b8006 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
@@ -226,12 +226,13 @@
             left: -2px;
 
             + .linked-file-highlight {
-              color: inherit;
-              position: relative;
-              top: 4px;
-              width: 0;
-              left: -5px;
+              color: var(--file-tree-bg);
+              background-color: var(--content-disabled);
+              position: absolute;
+              top: 14px;
+              left: 20px;
               font-size: var(--font-size-01);
+              border-radius: var(--spacing-01);
             }
           }
         }
@@ -285,7 +286,7 @@
             }
 
             > .material-symbols.linked-file-highlight {
-              color: var(--bg-info-01);
+              background-color: var(--bg-info-01);
             }
 
             @include fake-full-width-bg(var(--bg-info-01));
@@ -362,7 +363,7 @@
           }
 
           > .material-symbols.linked-file-highlight {
-            color: var(--bg-info-01);
+            background-color: var(--bg-info-01);
           }
 
           @include fake-full-width-bg(var(--file-tree-item-selected-bg));