diff options
| -rw-r--r-- | css/icons.scss | 8 | ||||
| -rw-r--r-- | src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue | 2 | ||||
| -rw-r--r-- | src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue | 19 |
3 files changed, 11 insertions, 18 deletions
diff --git a/css/icons.scss b/css/icons.scss index 028ee50ad..6805a5e1c 100644 --- a/css/icons.scss +++ b/css/icons.scss @@ -96,14 +96,6 @@ filter: initial; } } - - .icon-search { - @include icon-color('search', 'actions', $color-main-text, 1, true); - &:hover, - &:focus { - filter: initial; - } - } } // The atwho panel is a direct child of the body, so it is not affected by diff --git a/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue b/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue index 7d366f597..742ae5a8d 100644 --- a/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue +++ b/src/components/LeftSidebar/NewGroupConversation/NewGroupConversation.vue @@ -342,7 +342,7 @@ it back */ display: flex; flex: 0 0 40px; height: 50px; - box-shadow: 0px -15px 7px var(--color-main-background); + box-shadow: 0px -10px 5px var(--color-main-background); z-index: 1; // Same as above width: $dialog-width - $dialog-margin * 2; diff --git a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue index 338915c0a..35de8beec 100644 --- a/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue +++ b/src/components/LeftSidebar/NewGroupConversation/SetContacts/SetContacts.vue @@ -91,6 +91,14 @@ export default { hasSelectedParticipants() { return this.selectedParticipants.length !== 0 }, + /** + * Search hint at the bottom of the participants list, displayed only if + * the user is not searching + * @returns {boolean} + **/ + displaySearchHint() { + return !this.contactsLoading && this.searchText === '' + }, }, async mounted() { @@ -136,14 +144,6 @@ export default { focusInput() { this.$refs.setContacts.focus() }, - /** - * Search hint at the bottom of the participants list, displayed only if - * the user is not searching - * @returns {boolean} - **/ - displaySearchHint() { - return !this.contactsLoading && this.searchText === '' - }, }, } </script> @@ -187,7 +187,8 @@ export default { .icon-search { position: absolute; top: 12px; - left: 8px; + left: 8px; + z-index: 2; } .zoom-enter-active { |