fixup! feat(ParticipantsTab): attach arrow navigation to search resul…

…ts, align list styles with LeftSidebar Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Mar 26, 2024 · 7d05b9d · 7d05b9d
1 parent 6d131e2
commit 7d05b9d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue
@@ -31,7 +31,7 @@
 			'selected': isSelected }"
 		:aria-label="participantAriaLabel"
 		:role="isSearched ? 'listitem' : undefined"
-		:tabindex="isSearched ? 0 : undefined"
+		:tabindex="0"
 		v-on="isSearched ? { click: handleClick, 'keydown.enter': handleClick } : {}"
 		@keydown.enter="handleClick">
 		<!-- Participant's avatar -->

diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -51,6 +51,7 @@
 			<NcAppNavigationCaption v-if="canAdd" :name="t('spreed', 'Participants')" />
 
 			<ParticipantsList v-if="filteredParticipants.length"
+				class="known-results"
 				:items="filteredParticipants"
 				:loading="!participantsInitialised" />
 			<Hint v-else :hint="t('spreed', 'No search results')" />
@@ -370,6 +371,10 @@ export default {
 	overflow-y: auto;
 }
 
+.known-results {
+	padding: 0 2px;
+}
+
 .search-results {
 	margin-top: 12px; // compensate margin before first header inside
 }