Merge pull request #47106 from nextcloud/fix/files-padding

nextcloud · Aug 7, 2024 · a46e0a7 · a46e0a7
2 parents 9b511d1 + 827c6fd
commit a46e0a7
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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;
 			}

diff --git a/dist/files-main.js b/dist/files-main.js
diff --git a/dist/files-main.js.map b/dist/files-main.js.map