From 78e018427c248bb9abed234a7c93be0e4cdecb0c Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Wed, 4 May 2022 17:26:27 +0200
Subject: [PATCH] Fix history scrolling.

---
 .../components/history/history-list.component.scss   |  4 ++++
 .../shared/components/history/history.component.html |  2 +-
 .../shared/components/history/history.component.scss | 12 +++++++++++-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/shared/components/history/history-list.component.scss b/frontend/src/app/shared/components/history/history-list.component.scss
index 37954fedd..904792912 100644
--- a/frontend/src/app/shared/components/history/history-list.component.scss
+++ b/frontend/src/app/shared/components/history/history-list.component.scss
@@ -5,6 +5,10 @@
     padding-right: .25rem;
 }
 
+:host {
+    overflow-y: auto;
+}
+
 :host ::ng-deep {
     .user-ref {
         font-weight: 500;
diff --git a/frontend/src/app/shared/components/history/history.component.html b/frontend/src/app/shared/components/history/history.component.html
index 469ab43f1..94c0df676 100644
--- a/frontend/src/app/shared/components/history/history.component.html
+++ b/frontend/src/app/shared/components/history/history.component.html
@@ -1,3 +1,3 @@
-<sqx-layout titleText="i18n:history.title" [width]="20" titleIcon="time" [white]="true" [padding]="true">
+<sqx-layout layout="simple" titleText="i18n:history.title" [width]="20" titleIcon="time" [white]="true">
     <sqx-history-list [events]="events | async"></sqx-history-list>
 </sqx-layout>
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/history/history.component.scss b/frontend/src/app/shared/components/history/history.component.scss
index 2742d895e..7c5553647 100644
--- a/frontend/src/app/shared/components/history/history.component.scss
+++ b/frontend/src/app/shared/components/history/history.component.scss
@@ -1,2 +1,12 @@
 @import 'mixins';
-@import 'vars';
\ No newline at end of file
+@import 'vars';
+
+sqx-history-list {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    padding: $panel-padding;
+}
\ No newline at end of file