From e61d198889d2de65bf85011c605f012f76375f9a Mon Sep 17 00:00:00 2001
From: sixsage <sixsage02@gmail.com>
Date: Mon, 14 Oct 2024 12:19:12 -0700
Subject: [PATCH 1/2] remove overflow: hidden

---
 core/gui/src/styles.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/core/gui/src/styles.scss b/core/gui/src/styles.scss
index a8109d9439f..6c2ac14306b 100644
--- a/core/gui/src/styles.scss
+++ b/core/gui/src/styles.scss
@@ -73,10 +73,6 @@ hr {
   padding-right: 24px;
 }
 
-body {
-  overflow: hidden;
-}
-
 .annotation-highlight {
   background-color: #6a5acd;
 }

From 30a7eae9c3749cfd5743096f47e11c647e6b7b6c Mon Sep 17 00:00:00 2001
From: sixsage <sixsage02@gmail.com>
Date: Wed, 23 Oct 2024 22:04:39 -0700
Subject: [PATCH 2/2] remove double scroll bar in quota

---
 .../user/user-quota/user-quota.component.html | 212 +++++++++---------
 .../user/user-quota/user-quota.component.scss |   5 -
 2 files changed, 106 insertions(+), 111 deletions(-)

diff --git a/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.html b/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.html
index d0a5bddf90e..97e9c2359d4 100644
--- a/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.html
+++ b/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.html
@@ -1,110 +1,110 @@
-<div class="scrollable-container">
-  <div [style.height]="dynamicHeight">
-    <nz-card
-      class="section-title"
-      [style.background]="backgroundColor">
-      <h2
-        class="page-title"
-        [style.color]="textColor">
-        Quota
-      </h2>
-    </nz-card>
-    <div>
-      <nz-tabset nzCentered>
-        <nz-tab nzTitle="Quota Table">
-          <div class="info-container">
-            <div class="info-box">
-              <h2 class="info-heading">Files Uploaded</h2>
-              <p class="info-content">{{ this.createdFiles.length }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Datasets Uploaded</h2>
-              <p class="info-content">{{ this.totalUploadedDatasetCount }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Total Size of Datasets</h2>
-              <p class="info-content">{{ formatSize(this.totalUploadedDatasetSize) }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Workflows Created</h2>
-              <p class="info-content">{{ this.createdWorkflows.length }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Files with Access</h2>
-              <p class="info-content">{{ this.accessFiles.length }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Workflows with Access</h2>
-              <p class="info-content">{{ this.accessWorkflows.length }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Total Size of the Files</h2>
-              <p class="info-content">{{ formatSize(this.totalFileSize) }}</p>
-            </div>
-            <div class="info-box">
-              <h2 class="info-heading">Total Result Cache Size</h2>
-              <p class="info-content">{{ formatSize(this.totalMongoSize) }}</p>
-            </div>
+<div
+  [style.height]="dynamicHeight"
+  style="overflow-y: auto">
+  <nz-card
+    class="section-title"
+    [style.background]="backgroundColor">
+    <h2
+      class="page-title"
+      [style.color]="textColor">
+      Quota
+    </h2>
+  </nz-card>
+  <div>
+    <nz-tabset nzCentered>
+      <nz-tab nzTitle="Quota Table">
+        <div class="info-container">
+          <div class="info-box">
+            <h2 class="info-heading">Files Uploaded</h2>
+            <p class="info-content">{{ this.createdFiles.length }}</p>
           </div>
-          <nz-card
-            class="section-title"
-            [style.backgroundColor]="backgroundColor">
-            <h2
-              class="page-title"
-              [style.color]="textColor">
-              Diagram
-            </h2>
-          </nz-card>
-          <div class="charts-grid">
-            <div id="sizePieChart"></div>
-            <div id="datasetLineChart"></div>
-            <div id="workflowLineChart"></div>
+          <div class="info-box">
+            <h2 class="info-heading">Datasets Uploaded</h2>
+            <p class="info-content">{{ this.totalUploadedDatasetCount }}</p>
           </div>
-        </nz-tab>
-        <nz-tab nzTitle="Result Cache">
-          <nz-collapse>
-            <nz-collapse-panel
-              *ngFor="let workflow of mongodbWorkflows"
-              [nzHeader]="workflow.workflowName">
-              <nz-table
-                #executionTable
-                [nzData]="workflow.executions"
-                [nzPageSize]="3"
-                nzFrontPagination="true">
-                <thead>
-                  <tr>
-                    <th>Collection Name</th>
-                    <th>Execution ID</th>
-                    <th [nzSortFn]="sortByMongoDBSize">Cache Size</th>
-                    <th>Action</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr *ngFor="let execution of executionTable.data">
-                    <td>{{ execution.pointer }}</td>
-                    <td>{{ execution.eid }}</td>
-                    <td>{{ formatSize(execution.size) }}</td>
-                    <td>
-                      <button
-                        nz-popconfirm
-                        nzPopconfirmTitle="Confirm to delete selected workflows."
-                        nz-button
-                        nz-tooltip="delete collection"
-                        (nzOnConfirm)="deleteMongoCollection(execution.pointer, execution, execution.workflowName)"
-                        type="button">
-                        <i
-                          nz-icon
-                          nzTheme="outline"
-                          nzType="delete"></i>
-                      </button>
-                    </td>
-                  </tr>
-                </tbody>
-              </nz-table>
-            </nz-collapse-panel>
-          </nz-collapse>
-        </nz-tab>
-      </nz-tabset>
-    </div>
+          <div class="info-box">
+            <h2 class="info-heading">Total Size of Datasets</h2>
+            <p class="info-content">{{ formatSize(this.totalUploadedDatasetSize) }}</p>
+          </div>
+          <div class="info-box">
+            <h2 class="info-heading">Workflows Created</h2>
+            <p class="info-content">{{ this.createdWorkflows.length }}</p>
+          </div>
+          <div class="info-box">
+            <h2 class="info-heading">Files with Access</h2>
+            <p class="info-content">{{ this.accessFiles.length }}</p>
+          </div>
+          <div class="info-box">
+            <h2 class="info-heading">Workflows with Access</h2>
+            <p class="info-content">{{ this.accessWorkflows.length }}</p>
+          </div>
+          <div class="info-box">
+            <h2 class="info-heading">Total Size of the Files</h2>
+            <p class="info-content">{{ formatSize(this.totalFileSize) }}</p>
+          </div>
+          <div class="info-box">
+            <h2 class="info-heading">Total Result Cache Size</h2>
+            <p class="info-content">{{ formatSize(this.totalMongoSize) }}</p>
+          </div>
+        </div>
+        <nz-card
+          class="section-title"
+          [style.backgroundColor]="backgroundColor">
+          <h2
+            class="page-title"
+            [style.color]="textColor">
+            Diagram
+          </h2>
+        </nz-card>
+        <div class="charts-grid">
+          <div id="sizePieChart"></div>
+          <div id="datasetLineChart"></div>
+          <div id="workflowLineChart"></div>
+        </div>
+      </nz-tab>
+      <nz-tab nzTitle="Result Cache">
+        <nz-collapse>
+          <nz-collapse-panel
+            *ngFor="let workflow of mongodbWorkflows"
+            [nzHeader]="workflow.workflowName">
+            <nz-table
+              #executionTable
+              [nzData]="workflow.executions"
+              [nzPageSize]="3"
+              nzFrontPagination="true">
+              <thead>
+                <tr>
+                  <th>Collection Name</th>
+                  <th>Execution ID</th>
+                  <th [nzSortFn]="sortByMongoDBSize">Cache Size</th>
+                  <th>Action</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr *ngFor="let execution of executionTable.data">
+                  <td>{{ execution.pointer }}</td>
+                  <td>{{ execution.eid }}</td>
+                  <td>{{ formatSize(execution.size) }}</td>
+                  <td>
+                    <button
+                      nz-popconfirm
+                      nzPopconfirmTitle="Confirm to delete selected workflows."
+                      nz-button
+                      nz-tooltip="delete collection"
+                      (nzOnConfirm)="deleteMongoCollection(execution.pointer, execution, execution.workflowName)"
+                      type="button">
+                      <i
+                        nz-icon
+                        nzTheme="outline"
+                        nzType="delete"></i>
+                    </button>
+                  </td>
+                </tr>
+              </tbody>
+            </nz-table>
+          </nz-collapse-panel>
+        </nz-collapse>
+      </nz-tab>
+    </nz-tabset>
   </div>
 </div>
diff --git a/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.scss b/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.scss
index e0a97ab55d8..bf69bedeb6a 100644
--- a/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.scss
+++ b/core/gui/src/app/dashboard/component/user/user-quota/user-quota.component.scss
@@ -47,8 +47,3 @@
     }
   }
 }
-
-.scrollable-container {
-  height: 100vh;
-  overflow-y: auto;
-}