diff options
author | Maksim Sukharev <antreesy.web@gmail.com> | 2023-04-25 13:42:28 +0200 |
---|---|---|
committer | Maksim Sukharev <antreesy.web@gmail.com> | 2023-04-25 13:42:28 +0200 |
commit | 57dbf67f40f36ae5febf5dc74afa648759ab93d1 (patch) | |
tree | e48f27317c9580c1cde3fc88b73fc3a58cea2c17 | |
parent | 3a2a5360a4d7cae79a8f16f9d67445512526e693 (diff) |
add labels to NcTextField components
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
6 files changed, 15 insertions, 11 deletions
diff --git a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue index 7296414e8..933a33f68 100644 --- a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue +++ b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue @@ -26,7 +26,7 @@ v-observe-visibility="visibilityChanged" :value.sync="searchText" type="text" - :placeholder="t('spreed', 'Search participants')" + :label="t('spreed', 'Search participants')" @input="handleInput"> <Magnify :size="16" /> </NcTextField> diff --git a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue index c4a9619f3..37808d8f7 100644 --- a/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue +++ b/src/components/LeftSidebar/NewGroupConversation/SetConversationName/SetConversationName.vue @@ -25,7 +25,7 @@ v-observe-visibility="visibilityChanged" type="text" :value="value" - :placeholder="t('spreed', 'Conversation name')" + :label="t('spreed', 'Conversation name')" @input="handleInput" @keydown.enter="handleKeydown" /> </div> diff --git a/src/components/LeftSidebar/SearchBox/SearchBox.vue b/src/components/LeftSidebar/SearchBox/SearchBox.vue index 5092d6252..31c65f45b 100644 --- a/src/components/LeftSidebar/SearchBox/SearchBox.vue +++ b/src/components/LeftSidebar/SearchBox/SearchBox.vue @@ -23,7 +23,7 @@ <form @submit.prevent="handleSubmit"> <NcTextField ref="searchConversations" :value.sync="localValue" - :placeholder="placeholderText" + :label="placeholderText" :show-trailing-button="isSearching" trailing-button-icon="close" @trailing-button-click="abortSearch" diff --git a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue index f959f8b78..b5cbe89d6 100644 --- a/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue +++ b/src/components/NewMessageForm/SimplePollsEditor/PollOption.vue @@ -26,10 +26,11 @@ <NcButton v-if="canDelete" type="tertiary-no-background" @click="deleteOption"> - <Close slot="icon" - decorative - title="" - :size="20" /> + <template #icon> + <Close decorative + title="" + :size="20" /> + </template> </NcButton> </form> </template> diff --git a/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue b/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue index 133e531b6..6990cc2b9 100644 --- a/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue +++ b/src/components/NewMessageForm/SimplePollsEditor/SimplePollsEditor.vue @@ -31,24 +31,26 @@ <p class="simple-polls-editor__caption"> {{ t('spreed', 'Question') }} </p> - <NcTextField :value.sync="pollQuestion" :placeholder="t('spreed', 'Ask a question')" v-on="$listeners" /> + <NcTextField :value.sync="pollQuestion" :label="t('spreed', 'Ask a question')" v-on="$listeners" /> <!-- Poll options --> <p class="simple-polls-editor__caption"> {{ t('spreed', 'Answers') }} </p> - <PollOption v-for="option, index in pollOptions" + <PollOption v-for="(option, index) in pollOptions" :key="index" :ref="`pollOption${index}`" class="simple-polls-editor__option" :value.sync="pollOptions[index]" - :placeholder="t('spreed', 'Answer {option}', {option: index + 1})" + :label="t('spreed', 'Answer {option}', {option: index + 1})" :can-delete="pollOptions.length > 2" @delete-option="deleteOption(index)" /> <!-- Add options --> <NcButton class="simple-polls-editor__add-more" type="tertiary-no-background" @click="addOption"> - <Plus slot="icon" /> + <template #icon> + <Plus /> + </template> {{ t('spreed', 'Add answer') }} </NcButton> diff --git a/src/views/RoomSelector.vue b/src/views/RoomSelector.vue index e7afc7a71..ac2bc116f 100644 --- a/src/views/RoomSelector.vue +++ b/src/views/RoomSelector.vue @@ -35,6 +35,7 @@ <NcTextField :value.sync="searchText" trailing-button-icon="close" class="search-form" + :label="t('spreed', 'Search conversations or users')" :show-trailing-button="searchText !==''" @trailing-button-click="clearText"> <Magnify :size="16" /> |