diff options
| author | Christopher Ng <chrng8@gmail.com> | 2024-12-11 15:04:56 -0800 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2024-12-12 10:08:38 -0800 |
| commit | 0af875d713ca449a7af82a53a82665583b3b01ea (patch) | |
| tree | c6c39860ed384ad6f1d6912538f13c0b8a8fff79 /apps | |
| parent | c21888e6ae1a267588fb110ec27cfc6e3b1f484e (diff) | |
| download | nextcloud-server-0af875d713ca449a7af82a53a82665583b3b01ea.tar.gz nextcloud-server-0af875d713ca449a7af82a53a82665583b3b01ea.zip | |
feat(files): Right-align list actions
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/src/views/FilesList.vue | 33 |
1 files changed, 21 insertions, 12 deletions
diff --git a/apps/files/src/views/FilesList.vue b/apps/files/src/views/FilesList.vue index 7e8bd9f1795..16764501038 100644 --- a/apps/files/src/views/FilesList.vue +++ b/apps/files/src/views/FilesList.vue @@ -32,24 +32,28 @@ multiple @failed="onUploadFail" @uploaded="onUpload" /> - - <NcActions :inline="1" force-name> - <NcActionButton v-for="action in enabledFileListActions" - :key="action.id" - close-after-click - @click="() => action.exec(currentView, dirContents, { folder: currentFolder })"> - <template #icon> - <NcIconSvgWrapper :svg="action.iconSvgInline(currentView)" /> - </template> - {{ action.displayName(currentView) }} - </NcActionButton> - </NcActions> </template> </BreadCrumbs> <!-- Secondary loading indicator --> <NcLoadingIcon v-if="isRefreshing" class="files-list__refresh-icon" /> + <NcActions class="files-list__header-actions" + :inline="1" + type="tertiary" + force-name> + <NcActionButton v-for="action in enabledFileListActions" + :key="action.id" + close-after-click + @click="action.exec(currentView, dirContents, { folder: currentFolder })"> + <template #icon> + <NcIconSvgWrapper v-if="action.iconSvgInline !== undefined" + :svg="action.iconSvgInline(currentView)" /> + </template> + {{ action.displayName(currentView) }} + </NcActionButton> + </NcActions> + <NcButton v-if="fileListWidth >= 512 && enableGridView" :aria-label="gridViewButtonLabel" :title="gridViewButtonLabel" @@ -760,6 +764,11 @@ export default defineComponent({ color: var(--color-main-text) !important; } } + + &-actions { + min-width: fit-content !important; + margin-inline: calc(var(--default-grid-baseline) * 2); + } } &__empty-view-wrapper { |