From 35b6f253c908f9eb488286fce885698fed4ebe89 Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Fri, 17 Nov 2023 12:06:47 +0100
Subject: [PATCH] Make a scrollbar visible for sharing tab

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 .../src/views/SharingDetailsTab.vue           | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue
index 1ff5bbd66b4c2..164513ac1cbdd 100644
--- a/apps/files_sharing/src/views/SharingDetailsTab.vue
+++ b/apps/files_sharing/src/views/SharingDetailsTab.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="sharingTabDetailsView">
-		<div class="sharingTabDetailsView__header">
+		<div class="sharingTabDetailsView__wrapper">
+			<div class="sharingTabDetailsView__header">
 			<span>
 				<NcAvatar v-if="isUserShare"
 					class="sharing-entry__avatar"
@@ -14,8 +15,7 @@
 			<span>
 				<h1>{{ title }}</h1>
 			</span>
-		</div>
-		<div class="sharingTabDetailsView__wrapper">
+			</div>
 			<div class="sharingTabDetailsView__quick-permissions">
 				<div>
 					<NcCheckboxRadioSwitch :button-variant="true"
@@ -933,9 +933,15 @@ export default {
 	flex-direction: column;
 	width: 100%;
 	margin: 0 auto;
-	position: relative;
+	max-height: 100%;
 	height: 100%;
-	overflow: hidden;
+
+	&__wrapper {
+		flex: 1 0;
+		overflow-y: auto;
+		padding: 4px;
+		padding-right: 12px;
+	}
 
 	&__header {
 		display: flex;
@@ -955,13 +961,6 @@ export default {
 		}
 	}
 
-	&__wrapper {
-		overflow: scroll;
-		flex-shrink: 1;
-		padding: 4px;
-		padding-right: 12px;
-	}
-
 	&__quick-permissions {
 		display: flex;
 		justify-content: center;
@@ -1053,7 +1052,6 @@ export default {
 	&__footer {
 		width: 100%;
 		display: flex;
-		position: sticky;
 		bottom: 0;
 		flex-direction: column;
 		justify-content: space-between;