From 752ad8870da7b135cdf34cace8f00307a594f719 Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Thu, 20 Jul 2023 11:52:43 +0100
Subject: [PATCH] Merge pull request #13923 from
 overleaf/td-review-panel-non-sticky-toolbar-nav

Make toolbar and nav non-sticky in React review panel overview mode

GitOrigin-RevId: feb2950698512120a676a597f0edfa7ba615f934
---
 .../review-panel/current-file-container.tsx      |  7 ++++++-
 .../stylesheets/app/editor/review-panel.less     | 16 +++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/services/web/frontend/js/features/source-editor/components/review-panel/current-file-container.tsx b/services/web/frontend/js/features/source-editor/components/review-panel/current-file-container.tsx
index 59f64f954a..ccbc1f8004 100644
--- a/services/web/frontend/js/features/source-editor/components/review-panel/current-file-container.tsx
+++ b/services/web/frontend/js/features/source-editor/components/review-panel/current-file-container.tsx
@@ -56,7 +56,12 @@ function CurrentFileContainer() {
   }, [setEntryHover])
 
   return (
-    <Container classNames={{ 'rp-collapsed-displaying-entry': entryHover }}>
+    <Container
+      classNames={{
+        'rp-collapsed-displaying-entry': entryHover,
+        'rp-current-file-container': true,
+      }}
+    >
       <div className="review-panel-tools">
         <Toolbar />
         <Nav />
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel.less b/services/web/frontend/stylesheets/app/editor/review-panel.less
index d47a057ebb..67087429ac 100644
--- a/services/web/frontend/stylesheets/app/editor/review-panel.less
+++ b/services/web/frontend/stylesheets/app/editor/review-panel.less
@@ -1244,14 +1244,16 @@ button when (@is-overleaf-light = true) {
     padding: 0;
   }
 
-  .review-panel-toolbar {
-    position: sticky;
-    top: 0;
-  }
+  &.rp-current-file-container {
+    .review-panel-toolbar {
+      position: sticky;
+      top: 0;
+    }
 
-  .rp-nav {
-    position: sticky;
-    bottom: 0;
+    .rp-nav {
+      position: sticky;
+      bottom: 0;
+    }
   }
 
   .rp-entry-list-react {