From c9a94335b3e3a5fe3b1dd523dbf6f4c5593f7813 Mon Sep 17 00:00:00 2001
From: Paramtamtam <7326800+tarampampam@users.noreply.github.com>
Date: Fri, 26 May 2023 15:18:43 +0400
Subject: [PATCH 1/2] UI: Scroll the requests list

---
 docker-compose.yml         |  2 +-
 web/public/index.html      |  6 ++++++
 web/src/views/main-app.vue | 42 +++++++++++++++++++++++++-------------
 3 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index b07e5c9f..f887c72d 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -48,7 +48,7 @@ services:
     command: >-
       go run -tags watch ./cmd/webhook-tester/ serve
         --port=8080 --storage-driver=redis --pubsub-driver=redis
-        --redis-dsn=redis://redis:6379/0 --max-requests=12 --ignore-header-prefix=x-test-foo --ws-max-clients=20
+        --redis-dsn=redis://redis:6379/0 --max-requests=112 --ignore-header-prefix=x-test-foo --ws-max-clients=20
         --ws-max-lifetime=1m
     healthcheck:
       test: ['CMD-SHELL', 'wget --spider -q http://127.0.0.1:8080/ready']
diff --git a/web/public/index.html b/web/public/index.html
index acd7ae52..5e142e53 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -28,6 +28,12 @@
       color: #fff;
     }
 
+    #app {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+    }
+
     ::-webkit-scrollbar {
       width: 8px;
       height: 6px;
diff --git a/web/src/views/main-app.vue b/web/src/views/main-app.vue
index 23e8fd5f..3a79e640 100644
--- a/web/src/views/main-app.vue
+++ b/web/src/views/main-app.vue
@@ -1,5 +1,5 @@
 <template>
-  <main>
+  <main class="d-flex flex-column h-100">
     <main-header
       :current-web-hook-url="currentWebHookUrl"
       :session-lifetime-sec="sessionLifetimeSec"
@@ -8,11 +8,10 @@
       @createNewUrl="startNewSession"
     />
 
-    <div class="container-fluid mb-2">
-      <div class="row flex-xl-nowrap">
+    <div class="container-fluid d-flex h-100">
+      <div class="row flex-xl-nowrap h-100">
         <div
-          class="sidebar px-2 py-0"
-          @click.self="switchToRequest(undefined)"
+          class="sidebar d-flex flex-column px-2 py-0"
         >
           <div class="ps-3 pt-4 pe-3 pb-3">
             <div class="d-flex w-100 justify-content-between">
@@ -32,17 +31,24 @@
           </div>
 
           <div
-            class="list-group"
+            class="list-group d-flex overflow-auto position-relative mb-2"
+            style="flex: 1"
             v-if="requests.length > 0"
+            @click.self="switchToRequest(undefined)"
           >
-            <request-plate
-              v-for="r in requests"
-              :key="r.UUID"
-              :request="r"
-              :class="{ active: requestUUID === r.UUID }"
-              @click="switchToRequest(r.UUID)"
-              @onDelete="(uuid: string) => deleteRequest(uuid, true)"
-            />
+            <div
+              class="requests-plate-wrapper d-flex flex-column top-0 bottom-0 w-100"
+              style="min-height: min-content"
+            >
+              <request-plate
+                v-for="r in requests"
+                :key="r.UUID"
+                :request="r"
+                :class="{ active: requestUUID === r.UUID }"
+                @click="switchToRequest(r.UUID)"
+                @onDelete="(uuid: string) => deleteRequest(uuid, true)"
+              />
+            </div>
           </div>
           <div
             v-else
@@ -503,11 +509,19 @@ $web-font-path: false; // disable external font named "Lato"
   background-color: transparent !important;
 }
 
+.requests-plate-wrapper {
+  position: absolute;
+}
+
 @media (max-width: 690px) {
   .sidebar {
     flex: 0 0 100%;
     width: 100%;
   }
+
+  .requests-plate-wrapper {
+    position: inherit;
+  }
 }
 
 .total-requests-count {

From b7dceaacbb3fd275a74076c8e25354ae3a181630 Mon Sep 17 00:00:00 2001
From: Paramtamtam <7326800+tarampampam@users.noreply.github.com>
Date: Fri, 26 May 2023 15:21:07 +0400
Subject: [PATCH 2/2] =?UTF-8?q?docs(changelog):=20=F0=9F=93=9A=20Changelog?=
 =?UTF-8?q?=20file=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6ac38787..b5573fcf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,11 @@ The format is based on [Keep a Changelog][keepachangelog] and this project adher
 
 - Slow request content loading (due to performance reasons) [#306]
 
+### Changed
+
+- Requests list now is scrollable [#308]
+
+[#308]:https://github.com/tarampampam/webhook-tester/issues/308
 [#306]:https://github.com/tarampampam/webhook-tester/issues/306
 
 ## v1.1.0