From 0613499c6837e10d51e407070c2dd769febb9d2a Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Thu, 27 Jul 2023 10:54:53 +0100
Subject: [PATCH] Merge pull request #14055 from
 overleaf/td-review-panel-editor-horizontal-scroll

React review panel: prevent horizontal scrollbar

GitOrigin-RevId: b79b03e6a69b26bda58d8585adc14b351b2e6f86
---
 .../frontend/stylesheets/app/editor/review-panel.less    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/editor/review-panel.less b/services/web/frontend/stylesheets/app/editor/review-panel.less
index 5066f07834..1404dfda9b 100644
--- a/services/web/frontend/stylesheets/app/editor/review-panel.less
+++ b/services/web/frontend/stylesheets/app/editor/review-panel.less
@@ -1213,9 +1213,7 @@ button when (@is-overleaf-light = true) {
 .ol-cm-review-panel {
   position: relative;
   z-index: 6;
-  display: block;
   flex-shrink: 0;
-  flex-direction: column;
 
   background-color: @rp-bg-blue;
   border-left: solid 0 @rp-border-grey;
@@ -1263,6 +1261,13 @@ button when (@is-overleaf-light = true) {
   }
 
   &.rp-current-file-container {
+    display: none;
+
+    .rp-size-mini &,
+    .rp-size-expanded & {
+      display: block;
+    }
+
     .review-panel-toolbar {
       position: sticky;
       top: 0;