diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-21 02:27:02 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-21 12:47:21 +0200 |
| commit | 1331ce7e7c049ca24f449c5beb79539f307fbd7a (patch) | |
| tree | 33c2369f009af81cdf041180ba074f35432106af /apps/files/src | |
| parent | c07cf51bebf4dcc90a522e0fc580365ca4ef02ef (diff) | |
| download | nextcloud-server-1331ce7e7c049ca24f449c5beb79539f307fbd7a.tar.gz nextcloud-server-1331ce7e7c049ca24f449c5beb79539f307fbd7a.zip | |
fix(files): Move loading icon before grid toggle
This prevents jumping of that toggle button when the view is loading.
Also adjust the design for Nextcloud 30 (prevent jumping of breadcrumbs when loading due to increased height).
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'apps/files/src')
| -rw-r--r-- | apps/files/src/views/FilesList.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/apps/files/src/views/FilesList.vue b/apps/files/src/views/FilesList.vue index e4c42a00038..03cc60e30c0 100644 --- a/apps/files/src/views/FilesList.vue +++ b/apps/files/src/views/FilesList.vue @@ -48,6 +48,9 @@ </template> </BreadCrumbs> + <!-- Secondary loading indicator --> + <NcLoadingIcon v-if="isRefreshing" class="files-list__refresh-icon" /> + <NcButton v-if="filesListWidth >= 512 && enableGridView" :aria-label="gridViewButtonLabel" :title="gridViewButtonLabel" @@ -59,9 +62,6 @@ <ViewGridIcon v-else /> </template> </NcButton> - - <!-- Secondary loading indicator --> - <NcLoadingIcon v-if="isRefreshing" class="files-list__refresh-icon" /> </div> <!-- Drag and drop notice --> @@ -703,9 +703,9 @@ export default defineComponent({ } &__refresh-icon { - flex: 0 0 44px; - width: 44px; - height: 44px; + flex: 0 0 var(--default-clickable-area); + width: var(--default-clickable-area); + height: var(--default-clickable-area); } &__loading-icon { |