From 91014648bb2807b0bfe1910ba2bcbb67897019e8 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 27 Feb 2023 17:14:45 +0530
Subject: [PATCH] fix: Fixed issue where links container toggle would correctly
 hide in focus mode

---
 .../LinkedItems/LinkedItemBubblesContainer.tsx         |  1 +
 packages/web/src/stylesheets/_focused.scss             | 10 +++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
index 51ae50cc4..7bf7c265f 100644
--- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
+++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx
@@ -145,6 +145,7 @@ const LinkedItemBubblesContainer = ({ item, linkingController }: Props) => {
       </div>
       {itemsToDisplay.length > 0 && (
         <RoundIconButton
+          id="toggle-linking-container"
           label="Toggle linked items container"
           onClick={() => {
             setIsCollapsed((isCollapsed) => !isCollapsed)
diff --git a/packages/web/src/stylesheets/_focused.scss b/packages/web/src/stylesheets/_focused.scss
index 9098bd8dd..79f1579ea 100644
--- a/packages/web/src/stylesheets/_focused.scss
+++ b/packages/web/src/stylesheets/_focused.scss
@@ -37,12 +37,16 @@
         overflow: hidden;
       }
 
-      .note-view-linking-container {
+      .note-view-linking-container,
+      #toggle-linking-container {
         display: none;
       }
 
-      #editor-title-bar:hover .note-view-linking-container {
-        display: flex;
+      #editor-title-bar:hover {
+        .note-view-linking-container,
+        #toggle-linking-container {
+          display: flex;
+        }
       }
 
       .note-view-options-buttons,