upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-13 18:50:47 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 8

fix(files): Move loading icon before grid toggle

Browse source 
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>
This commit is contained in:
Ferdinand Thiessen 2024-08-21 02:27:02 +02:00
parent c07cf51beb
commit 1331ce7e7c
No known key found for this signature in database
GPG key ID: 45FAE7268762B400
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/files/src/views/FilesList.vue
View file

@ -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 {