pkp/pkp-lib#10598 Improve rtl compatibility, replacing space-x wit gap-x

pkp · Jan 9, 2025 · 4fe6ad4 · 4fe6ad4
1 parent 55bdd6e
commit 4fe6ad4
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/src/managers/FileManager/FileManager.vue b/src/managers/FileManager/FileManager.vue
@@ -12,7 +12,7 @@
 				</p>
 			</template>
 			<template #top-controls>
-				<div class="flex space-x-2">
+				<div class="flex gap-x-2">
 					<PkpButton
 						v-for="action in fileManagerStore.topActions"
 						:key="action.name"

diff --git a/src/managers/GalleyManager/GalleyManager.vue b/src/managers/GalleyManager/GalleyManager.vue
@@ -29,7 +29,7 @@
 			</TableRow>
 		</TableBody>
 		<template v-if="galleyManagerStore.bottomActions.length" #bottom-controls>
-			<div class="space-x-y flex">
+			<div class="flex gap-x-2">
 				<component
 					:is="Components[action.component] || action.component"
 					v-bind="action.props || {}"

diff --git a/src/managers/ReviewerManager/ReviewerManager.vue b/src/managers/ReviewerManager/ReviewerManager.vue
@@ -10,7 +10,7 @@
 				</h3>
 			</template>
 			<template #top-controls>
-				<div class="flex space-x-2">
+				<div class="flex gap-x-2">
 					<PkpButton
 						v-for="action in reviewerStore.topActions"
 						:key="action.name"
@@ -47,7 +47,7 @@
 						:redacted-for-authors="redactedForAuthors"
 					></ReviewerManagerCellStatus>
 					<TableCell>
-						<span class="flex items-center space-x-2">
+						<span class="flex items-center gap-x-2">
 							<Icon
 								v-for="icon in reviewerStore.getReviewMethodIcons(
 									reviewAssignment,

diff --git a/src/managers/UserInvitationManager/UserInvitationManager.vue b/src/managers/UserInvitationManager/UserInvitationManager.vue
@@ -8,7 +8,7 @@
 			</h3>
 		</template>
 		<template #top-controls>
-			<div class="flex space-x-2">
+			<div class="flex gap-x-2">
 				<PkpButton @click="store.createNewInvitation">
 					{{ t('invitation.inviteToRole.btn') }}
 				</PkpButton>
@@ -27,7 +27,7 @@
 		<TableBody>
 			<TableRow v-for="(invitation, index) in store.invitations" :key="index">
 				<TableCell>
-					<span class="space-x-1">
+					<span class="gap-x-1">
 						<span class="align-middle text-lg-normal">
 							{{
 								invitation.userId

diff --git a/...ponents/DashboardTable/CellReviewAssignmentActivity/CellReviewAssignmentActivityAlert.vue b/...ponents/DashboardTable/CellReviewAssignmentActivity/CellReviewAssignmentActivityAlert.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="flex items-center space-x-2">
+	<div class="flex items-center gap-x-2">
 		<div v-if="alert">{{ alert }}</div>
 	</div>
 </template>

diff --git a/...rd/components/DashboardTable/CellSubmissionActivity/CellSubmissionActivityActionAlert.vue b/...rd/components/DashboardTable/CellSubmissionActivity/CellSubmissionActivityActionAlert.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="flex items-center space-x-2">
+	<div class="flex items-center gap-x-2">
 		<div v-if="alert">{{ alert }}</div>
 		<PkpButton
 			v-if="actionName"

diff --git a/...hboard/components/DashboardTable/CellSubmissionActivity/CellSubmissionActivityReviews.vue b/...hboard/components/DashboardTable/CellSubmissionActivity/CellSubmissionActivityReviews.vue
@@ -1,6 +1,6 @@
 <template>
 	<div v-if="reviewAssignments.length">
-		<span class="space-x-1">
+		<span class="flex gap-x-1">
 			<CellSubmissionActivityReviewsItem
 				v-for="reviewAssignment in reviewAssignments"
 				:key="reviewAssignment.id"

diff --git a/...es/dashboard/components/ReviewActivityIndicatorPopover/ReviewActivityIndicatorPopover.vue b/...es/dashboard/components/ReviewActivityIndicatorPopover/ReviewActivityIndicatorPopover.vue
@@ -6,7 +6,7 @@
 	</div>
 	<div class="flex items-center justify-between">
 		<span class="text-lg-bold">{{ reviewerName }}</span>
-		<span class="space-x-2">
+		<span class="flex gap-x-2">
 			<Icon
 				v-for="icon in reviewMethodIcons"
 				:key="icon"