diff options
Diffstat (limited to 'src/components/user_finder')
| -rw-r--r-- | src/components/user_finder/user_finder.vue | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue index a54b8ae2..3c69e3b4 100644 --- a/src/components/user_finder/user_finder.vue +++ b/src/components/user_finder/user_finder.vue @@ -1,14 +1,14 @@ <template> - <span> + <span class="user-finder-container"> <span class="finder-error base05" v-if="error"> <i class="icon-cancel user-finder-icon" @click="dismissError"/> {{$t('finder.error_fetching_user')}} </span> <i class="icon-spin4 user-finder-icon animate-spin-slow" v-if="loading" /> - <a href="#" v-if="hidden"><i class="icon-user-plus user-finder-icon" @click.prevent="toggleHidden"/></a> + <a href="#" v-if="hidden"><i class="icon-user-plus user-finder-icon" @click.prevent.stop="toggleHidden"/></a> <span v-else> <input class="user-finder-input base03-border" @keyup.enter="findUser(username)" v-model="username" :placeholder="$t('finder.find_user')" id="user-finder-input" type="text"/> - <i class="icon-cancel user-finder-icon" @click="toggleHidden"/> + <i class="icon-cancel user-finder-icon" @click.prevent.stop="toggleHidden"/> </span> </span> </template> @@ -16,8 +16,12 @@ <script src="./user_finder.js"></script> <style lang="scss"> + .user-finder-container { + height: 21px; + max-width: 100%; + } + .user-finder-icon { - margin-right: 0.25em; } .user-finder-input { @@ -25,6 +29,7 @@ border-style: solid; border-color: inherit; border-radius: 5px; + max-width: 80%; padding: 0.1em 0.2em 0.2em 0.2em; } |