Fix trashbin page layout

owncloud · Oct 3, 2020 · 63d48d5 · 63d48d5
1 parent e1fe2cc
commit 63d48d5
Showing 1 changed file with 62 additions and 66 deletions.
diff --git a/apps/files/src/components/Trashbin.vue b/apps/files/src/components/Trashbin.vue
@@ -1,72 +1,68 @@
 <template>
-  <div id="files-list-container" class="uk-height-1-1">
-    <div class="uk-overflow-auto uk-height-1-1">
-      <file-list
-        id="files-list"
-        :file-data="fileData"
-        :loading="loadingFolder"
-        :actions="actions"
-        :is-action-enabled="isActionEnabled"
-        :selectable-row="false"
+  <file-list
+    id="files-list"
+    :file-data="fileData"
+    :loading="loadingFolder"
+    :actions="actions"
+    :is-action-enabled="isActionEnabled"
+    :selectable-row="false"
+  >
+    <template #headerColumns>
+      <div class="uk-text-truncate uk-text-meta uk-width-expand">
+        <sortable-column-header
+          :aria-label="$gettext('Sort files by name')"
+          :is-active="fileSortField === 'name'"
+          :is-desc="fileSortDirectionDesc"
+          @click="toggleSort('name')"
+        >
+          <translate translate-context="Name column in files table">Name</translate>
+        </sortable-column-header>
+      </div>
+      <div
+        :class="{ 'uk-visible@s': !_sidebarOpen, 'uk-hidden': _sidebarOpen }"
+        class="uk-text-nowrap uk-text-meta uk-width-small"
       >
-        <template #headerColumns>
-          <div class="uk-text-truncate uk-text-meta uk-width-expand">
-            <sortable-column-header
-              :aria-label="$gettext('Sort files by name')"
-              :is-active="fileSortField === 'name'"
-              :is-desc="fileSortDirectionDesc"
-              @click="toggleSort('name')"
-            >
-              <translate translate-context="Name column in files table">Name</translate>
-            </sortable-column-header>
-          </div>
-          <div
-            :class="{ 'uk-visible@s': !_sidebarOpen, 'uk-hidden': _sidebarOpen }"
-            class="uk-text-nowrap uk-text-meta uk-width-small"
-          >
-            <sortable-column-header
-              class="uk-align-right"
-              :aria-label="$gettext('Sort files by deletion time')"
-              :is-active="fileSortField === 'deleteTimestampMoment'"
-              :is-desc="fileSortDirectionDesc"
-              @click="toggleSort('deleteTimestampMoment')"
-            >
-              <translate translate-context="Deletion time column in 'deleted files' table">
-                Deletion Time
-              </translate>
-            </sortable-column-header>
-          </div>
-          <div class="oc-icon" />
-        </template>
-        <template #rowColumns="{ item }">
-          <div class="uk-width-expand uk-flex uk-flex-middle">
-            <file-item
-              :key="item.viewId"
-              :item="item"
-              :name="$_ocTrashbin_fileName(item)"
-              :display-preview="false"
-            />
-          </div>
-          <div
-            class="uk-text-meta uk-text-nowrap uk-width-small uk-text-right"
-            :class="{ 'uk-visible@s': !_sidebarOpen, 'uk-hidden': _sidebarOpen }"
-          >
-            {{ formDateFromNow(item.deleteTimestamp) }}
-          </div>
-        </template>
-        <template #loadingMessage>
-          <translate>Loading deleted files</translate>
-        </template>
-        <template #noContentMessage>
-          <no-content-message icon="delete">
-            <template #message>
-              <span v-translate>You have no deleted files.</span>
-            </template>
-          </no-content-message>
+        <sortable-column-header
+          class="uk-align-right"
+          :aria-label="$gettext('Sort files by deletion time')"
+          :is-active="fileSortField === 'deleteTimestampMoment'"
+          :is-desc="fileSortDirectionDesc"
+          @click="toggleSort('deleteTimestampMoment')"
+        >
+          <translate translate-context="Deletion time column in 'deleted files' table">
+            Deletion Time
+          </translate>
+        </sortable-column-header>
+      </div>
+      <div class="oc-icon" />
+    </template>
+    <template #rowColumns="{ item }">
+      <div class="uk-width-expand uk-flex uk-flex-middle">
+        <file-item
+          :key="item.viewId"
+          :item="item"
+          :name="$_ocTrashbin_fileName(item)"
+          :display-preview="false"
+        />
+      </div>
+      <div
+        class="uk-text-meta uk-text-nowrap uk-width-small uk-text-right"
+        :class="{ 'uk-visible@s': !_sidebarOpen, 'uk-hidden': _sidebarOpen }"
+      >
+        {{ formDateFromNow(item.deleteTimestamp) }}
+      </div>
+    </template>
+    <template #loadingMessage>
+      <translate>Loading deleted files</translate>
+    </template>
+    <template #noContentMessage>
+      <no-content-message icon="delete">
+        <template #message>
+          <span v-translate>You have no deleted files.</span>
         </template>
-      </file-list>
-    </div>
-  </div>
+      </no-content-message>
+    </template>
+  </file-list>
 </template>
 <script>
 import { mapGetters, mapActions } from 'vuex'