diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-09-15 17:16:34 +0200 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2020-09-18 09:36:39 +0000 |
| commit | 839f597921d00581151ac554ab800a9d20096313 (patch) | |
| tree | 2903bbcebb943d003a3f7ce35a55fdb4f0bec1ae /core/src | |
| parent | 3c6319f275f2e932c9e3c13af21e29a8e7d0fce3 (diff) | |
| download | nextcloud-server-839f597921d00581151ac554ab800a9d20096313.tar.gz nextcloud-server-839f597921d00581151ac554ab800a9d20096313.zip | |
Properly show loading state if there are still pending requests
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/src')
| -rw-r--r-- | core/src/views/UnifiedSearch.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue index 099fa336508..0114f2fcf13 100644 --- a/core/src/views/UnifiedSearch.vue +++ b/core/src/views/UnifiedSearch.vue @@ -35,6 +35,7 @@ <div class="unified-search__input-wrapper"> <form class="unified-search__form" role="search" + :class="{'icon-loading-small': isLoading}" @submit.prevent.stop="onInputEnter" @reset.prevent.stop="onReset"> <!-- Search input --> @@ -48,7 +49,7 @@ @keypress.enter.prevent.stop="onInputEnter"> <!-- Reset search button --> - <input v-if="!!query" + <input v-if="!!query && !isLoading" type="reset" class="unified-search__form-reset icon-close" :aria-label="t('core','Reset search')" @@ -646,6 +647,12 @@ $input-padding: 6px; width: 100%; margin: $margin; + // Loading spinner + &::after { + right: $input-padding; + left: auto; + } + &-input, &-reset { margin: $input-padding / 2; @@ -673,6 +680,7 @@ $input-padding: 6px; } // Ellipsis earlier if reset button is here + .icon-loading-small &, &--with-reset { padding-right: $input-height; } |