pkp/pkp-lib#10451 Add whitespace-normal class to display affiliations…

… in full
blesildaramirez · Oct 3, 2024 · 8d693b7 · 8d693b7
1 parent 619f90a
commit 8d693b7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/components/ListPanel/contributors/ContributorsListPanel.vue b/src/components/ListPanel/contributors/ContributorsListPanel.vue
@@ -53,13 +53,17 @@
 					</PkpHeader>
 				</template>
 				<template #item-title="{item}">
-					{{ item.fullName }}
-					<Badge v-if="item.userGroupName">
-						{{ localize(item.userGroupName) }}
-					</Badge>
+					<div class="whitespace-normal text-justify">
+						{{ item.fullName }}
+						<Badge v-if="item.userGroupName">
+							{{ localize(item.userGroupName) }}
+						</Badge>
+					</div>
 				</template>
 				<template #item-subtitle="{item}">
-					{{ localize(item.affiliation) }}
+					<div class="whitespace-normal text-justify">
+						{{ localize(item.affiliation) }}
+					</div>
 				</template>
 				<template
 					v-if="

diff --git a/src/components/Tabs/Tab.vue b/src/components/Tabs/Tab.vue
@@ -1,7 +1,7 @@
 <template>
 	<div
 		:id="id"
-		class="pkpTab"
+		class="pkpTab min-w-0"
 		:class="classes"
 		role="tabpanel"
 		:aria-labelledby="id + '-button'"