From d236ed40a2a7a33c40a1bc12626e2f8e39261f67 Mon Sep 17 00:00:00 2001
From: arditdomi <32884230+arditdomi@users.noreply.github.com>
Date: Thu, 8 Oct 2020 12:02:38 +0100
Subject: [PATCH] Fix search panel scroll in content node selector (#6227)

---
 .../search-panel/search-panel.component.html           | 10 ++++++----
 .../search-panel/search-panel.component.scss           |  4 ++++
 .../components/search-panel/search-panel.component.ts  |  1 +
 3 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss

diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
index 3a014e0c6d..34bd845192 100644
--- a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.html
@@ -1,4 +1,6 @@
-<adf-search-filter *ngIf="contentNodeSelectorSearchPanelService?.customModels?.length > 0"
-                   class="app-search-settings" #searchFilter
-                   [showContextFacets]="false"
-></adf-search-filter>
+<div class="adf-search-panel-scrollable">
+    <adf-search-filter *ngIf="contentNodeSelectorSearchPanelService?.customModels?.length > 0"
+                       class="app-search-settings"
+                       [showContextFacets]="false">
+    </adf-search-filter>
+</div>
diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss
new file mode 100644
index 0000000000..291d0a645c
--- /dev/null
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.scss
@@ -0,0 +1,4 @@
+.adf-search-panel-scrollable {
+  overflow: scroll;
+  max-height: 200px;
+}
diff --git a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
index 50b1f8b4eb..293d041d49 100644
--- a/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
+++ b/lib/content-services/src/lib/search/components/search-panel/search-panel.component.ts
@@ -23,6 +23,7 @@ import { SEARCH_QUERY_SERVICE_TOKEN } from '../../search-query-service.token';
 @Component({
     selector: 'adf-search-panel',
     templateUrl: './search-panel.component.html',
+    styleUrls: ['./search-panel.component.scss'],
     encapsulation: ViewEncapsulation.None,
     host: { class: 'adf-search-panel' }