aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files/src/components/FilesListTableHeaderButton.vue
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2023-09-22 13:45:32 +0200
committerJohn Molakvoæ <skjnldsv@protonmail.com>2023-09-27 10:39:33 +0200
commit25e500bbf4c6d6071f7bb262e058479c410c890b (patch)
treea443171bc86f7674c65ce6596f59ce05ac51058b /apps/files/src/components/FilesListTableHeaderButton.vue
parentf134244c90ab4aff3fa7758f8c548ebd89c6a256 (diff)
downloadnextcloud-server-25e500bbf4c6d6071f7bb262e058479c410c890b.tar.gz
nextcloud-server-25e500bbf4c6d6071f7bb262e058479c410c890b.zip
feat(files): properly format buttons, align mtime to the left and apply opacity based on file last modification
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'apps/files/src/components/FilesListTableHeaderButton.vue')
-rw-r--r--apps/files/src/components/FilesListTableHeaderButton.vue11
1 files changed, 1 insertions, 10 deletions
diff --git a/apps/files/src/components/FilesListTableHeaderButton.vue b/apps/files/src/components/FilesListTableHeaderButton.vue
index ebd1abb4314..c8dcf3cfd66 100644
--- a/apps/files/src/components/FilesListTableHeaderButton.vue
+++ b/apps/files/src/components/FilesListTableHeaderButton.vue
@@ -22,6 +22,7 @@
<template>
<NcButton :aria-label="sortAriaLabel(name)"
:class="{'files-list__column-sort-button--active': sortingMode === mode}"
+ :alignment="mode !== 'size' ? 'start-reverse' : ''"
class="files-list__column-sort-button"
type="tertiary"
@click.stop.prevent="toggleSortBy(mode)">
@@ -85,16 +86,6 @@ export default Vue.extend({
.files-list__column-sort-button {
// Compensate for cells margin
margin: 0 calc(var(--cell-margin) * -1);
- // Reverse padding
- padding: 0 4px 0 16px !important;
-
- // Icon after text
- .button-vue__wrapper {
- flex-direction: row-reverse;
- // Take max inner width for text overflow ellipsis
- // Remove when https://github.com/nextcloud/nextcloud-vue/pull/3936 is merged
- width: 100%;
- }
.button-vue__icon {
transition-timing-function: linear;