diff options
3 files changed, 29 insertions, 25 deletions
diff --git a/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue b/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue index 4ff2ed55d..ba9bfc773 100644 --- a/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue +++ b/src/components/RightSidebar/Participants/ParticipantsList/ParticipantsList.vue @@ -72,23 +72,4 @@ export default { </script> <style lang="scss" scoped> - -.participants-list { - &__icon { - margin-top: 40px; - } - &__warning { - margin-top: 20px; - text-align: center; - } - &__hint { - margin: 20px 0; - cursor: pointer; - p { - margin-top: 20px; - text-align: center; - } - } -} - </style> diff --git a/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue b/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue index 1fb06bd6b..57913bb2a 100644 --- a/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue +++ b/src/components/RightSidebar/Participants/ParticipantsSearchResults/ParticipantsSearchResults.vue @@ -58,11 +58,11 @@ <Caption v-if="sourcesWithoutResults" :title="sourcesWithoutResultsList" /> - <Hint v-if="contactsLoading" :hint="t('spreed', 'Searching …')" /> + <Hint v-if="contactsLoading && !noResults" :hint="t('spreed', 'Searching …')" /> <Hint v-else :hint="t('spreed', 'No search results')" /> <template v-if="noResults"> - <div class="icon-category-search participants-list__icon" /> - <p class="participants-list__warning"> + <div class="icon-category-search participants-search-results__icon" /> + <p class="participants-search-results__warning"> {{ t('spreed', 'No results') }} </p> </template> @@ -73,8 +73,8 @@ :key="n" /> </template> <template> - <div class="icon-loading participants-list__icon" /> - <p class="participants-list__warning"> + <div class="icon-loading participants-search-results__icon" /> + <p class="participants-search-results__warning"> {{ t('spreed', 'Contacts loading') }} </p> </template> @@ -86,7 +86,7 @@ input field --> <div v-if="displaySearchHint" - class="participants-list__hint" + class="participants-search-results__hint" @click="handleClickHint"> <div class="icon-contacts-dark set-contacts__icon" /> <p> @@ -304,4 +304,23 @@ export default { overflow-y: auto; overflow-x: hidden; } + +.participants-search-results { + &__icon { + margin-top: 40px; + } + &__warning { + margin-top: 20px; + text-align: center; + } + &__hint { + margin: 20px 0; + cursor: pointer; + p { + margin-top: 20px; + text-align: center; + } + } +} + </style> diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue index eb732587d..3f14d169f 100644 --- a/src/components/RightSidebar/Participants/ParticipantsTab.vue +++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue @@ -37,6 +37,7 @@ v-if="isSearching" :search-results="searchResults" :contacts-loading="contactsLoading" + :no-results="noResults" @click="addParticipants" /> </div> </template> @@ -121,6 +122,9 @@ export default { isSearching() { return this.searchText !== '' }, + noResults() { + return this.searchResults === [] + }, }, beforeMount() { |