Merge pull request #50853 from nextcloud/backport/50816/stable30

[stable30] fix(transferownership): Allow searching new owner by email

apps/files/src/components/TransferOwnershipDialogue.vue

@@ -18,7 +18,7 @@
 					{{ t('files', 'Change') }}
 				</NcButton>
 			</p>
-			<p class="new-owner-row">
+			<p class="new-owner">
 				<label for="targetUser">
 					<span>{{ t('files', 'New owner') }}</span>
 				</label>
@@ -27,9 +27,7 @@
 					:options="formatedUserSuggestions"
 					:multiple="false"
 					:loading="loadingUsers"
-					label="displayName"
 					:user-select="true"
-					class="middle-align"
 					@search="findUserDebounced" />
 			</p>
 			<p>
@@ -90,6 +88,7 @@ export default {
 					user: user.uid,
 					displayName: user.displayName,
 					icon: 'icon-user',
+					subname: user.shareWithDisplayNameUnique,
 				}
 			})
 		},
@@ -156,6 +155,7 @@ export default {
 					Vue.set(this.userSuggestions, user.value.shareWith, {
 						uid: user.value.shareWith,
 						displayName: user.label,
+						shareWithDisplayNameUnique: user.shareWithDisplayNameUnique,
 					})
 				})
 			} catch (error) {
@@ -203,16 +203,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.middle-align {
-	vertical-align: middle;
-}
 p {
 	margin-top: 12px;
 	margin-bottom: 12px;
 }
-.new-owner-row {
+.new-owner {
 	display: flex;
-	flex-wrap: wrap;
+	flex-direction: column;
+	max-width: 400px;
 
 	label {
 		display: flex;
@@ -223,11 +221,6 @@ p {
 			margin-right: 8px;
 		}
 	}
-
-	.multiselect {
-		flex-grow: 1;
-		max-width: 280px;
-	}
 }
 .transfer-select-row {
 	span {