diff --git a/src/core/features/user/pages/participants/participants.html b/src/core/features/user/pages/participants/participants.html
index 7304af064..21ef547ed 100644
--- a/src/core/features/user/pages/participants/participants.html
+++ b/src/core/features/user/pages/participants/participants.html
@@ -1,17 +1,11 @@
-
-
-
-
-
-
-
+
diff --git a/src/core/features/user/pages/participants/participants.page.ts b/src/core/features/user/pages/participants/participants.page.ts
index 3ff362630..d990edf91 100644
--- a/src/core/features/user/pages/participants/participants.page.ts
+++ b/src/core/features/user/pages/participants/participants.page.ts
@@ -31,6 +31,7 @@ import { CoreRoutedItemsManagerSourcesTracker } from '@classes/items-management/
@Component({
selector: 'page-core-user-participants',
templateUrl: 'participants.html',
+ styleUrls: ['participants.scss'],
})
export class CoreUserParticipantsPage implements OnInit, AfterViewInit, OnDestroy {
@@ -39,7 +40,6 @@ export class CoreUserParticipantsPage implements OnInit, AfterViewInit, OnDestro
searchQuery: string | null = null;
searchInProgress = false;
searchEnabled = false;
- showSearchBox = false;
fetchMoreParticipantsFailed = false;
@ViewChild(CoreSplitViewComponent) splitView!: CoreSplitViewComponent;
@@ -84,20 +84,6 @@ export class CoreUserParticipantsPage implements OnInit, AfterViewInit, OnDestro
this.participants.destroy();
}
- /**
- * Show or hide search box.
- */
- toggleSearch(): void {
- this.showSearchBox = !this.showSearchBox;
-
- if (this.showSearchBox) {
- // Make search bar visible.
- this.splitView.menuContent.scrollToTop();
- } else {
- this.clearSearch();
- }
- }
-
/**
* Clear search.
*/
diff --git a/src/core/features/user/pages/participants/participants.scss b/src/core/features/user/pages/participants/participants.scss
new file mode 100644
index 000000000..9652a7194
--- /dev/null
+++ b/src/core/features/user/pages/participants/participants.scss
@@ -0,0 +1,13 @@
+:host {
+
+ core-split-view {
+ isolation: isolate;
+ }
+
+ core-search-box {
+ position: sticky;
+ top: 8px;
+ z-index: 1;
+ }
+
+}