From 5f9bb1c1609969f5e23e28f48502aad01ec9b982 Mon Sep 17 00:00:00 2001
From: Nikhil Mohite <nikhil.mohite@enterprisedb.com>
Date: Fri, 1 Oct 2021 13:01:24 +0530
Subject: [PATCH] Correct the implementation of query details should be
 scrollable as per design.

Fixes #3827
---
 web/pgadmin/static/js/sqleditor/history/query_history.js | 2 ++
 web/pgadmin/tools/sqleditor/static/scss/_history.scss    | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/pgadmin/static/js/sqleditor/history/query_history.js b/web/pgadmin/static/js/sqleditor/history/query_history.js
index c171f7fbe..76a7aca9b 100644
--- a/web/pgadmin/static/js/sqleditor/history/query_history.js
+++ b/web/pgadmin/static/js/sqleditor/history/query_history.js
@@ -73,6 +73,8 @@ export default class QueryHistory {
         cursor: 'ew-resize',
       });
 
+      $histDetails.css('overflow', 'auto');
+
       this.queryHistDetails = new QueryHistoryDetails($histDetails);
       this.queryHistDetails.setEditorPref(this.editorPref);
       this.queryHistDetails.onCopyToEditorClick(this.onCopyToEditorHandler);
diff --git a/web/pgadmin/tools/sqleditor/static/scss/_history.scss b/web/pgadmin/tools/sqleditor/static/scss/_history.scss
index cbb7b0297..fbb817824 100644
--- a/web/pgadmin/tools/sqleditor/static/scss/_history.scss
+++ b/web/pgadmin/tools/sqleditor/static/scss/_history.scss
@@ -88,7 +88,7 @@
 
 .sql-editor-history-container {
   height: 100%;
-  overflow: auto;
+  overflow: hidden;
   background-color: $negative-bg;
 }
 
@@ -97,6 +97,7 @@
   height: 100%;
   width: 100%;
   min-height: 19em;
+  overflow: auto;
   display: flex;
   flex-direction: column;
   background-color: $color-bg;
@@ -157,7 +158,7 @@
     flex: 5;
     margin-left: 10px;
     margin-right: 10px;
-    min-height: 1em;
+    min-height: 4em;
     position: relative;
 
     .copy-all, .was-copied, .copy-to-editor {