diff options
| author | skjnldsv <skjnldsv@protonmail.com> | 2024-08-07 13:29:12 +0200 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2024-08-07 15:12:32 +0000 |
| commit | 827c6fdda9389b39886188b80f1621dda0448d67 (patch) | |
| tree | 633b1b520cf44855923ce4f455c470fe138cb37e /apps/files/src | |
| parent | 9b511d1b3b3e4604100ecc89a2e78d99be64d6a4 (diff) | |
| download | nextcloud-server-827c6fdda9389b39886188b80f1621dda0448d67.tar.gz nextcloud-server-827c6fdda9389b39886188b80f1621dda0448d67.zip | |
fix(files): file name and header sort buttons alignments
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files/src')
| -rw-r--r-- | apps/files/src/components/FilesListTableHeaderButton.vue | 2 | ||||
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 3 |
2 files changed, 3 insertions, 2 deletions
diff --git a/apps/files/src/components/FilesListTableHeaderButton.vue b/apps/files/src/components/FilesListTableHeaderButton.vue index 7a5e900807f..45fc34eb8d5 100644 --- a/apps/files/src/components/FilesListTableHeaderButton.vue +++ b/apps/files/src/components/FilesListTableHeaderButton.vue @@ -61,7 +61,7 @@ export default defineComponent({ <style scoped lang="scss"> .files-list__column-sort-button { // Compensate for cells margin - margin: 0 calc(var(--cell-margin) * -1); + margin: 0 calc(var(--button-padding, var(--cell-margin)) * -1); min-width: calc(100% - 3 * var(--cell-margin))!important; &-text { diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 4c9cea00f9c..9a35e9ff855 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -610,6 +610,7 @@ export default defineComponent({ // Necessary for flex grow to work min-width: 0; margin: 0; + padding: 0; // Already added to the inner text, see rule below &:focus-visible { @@ -630,7 +631,7 @@ export default defineComponent({ color: var(--color-main-text); // Make some space for the outline padding: var(--default-grid-baseline) calc(2 * var(--default-grid-baseline)); - margin-left: -10px; + padding-left: 0; // Align two name and ext display: inline-flex; } |