Make file previews properly fit

Fix file preview to prevent overflowing vertically and also added CSS property to make sure the ratio is preserved.
owncloud · Sep 15, 2020 · 9d1d731 · 9d1d731
1 parent 3890178
commit 9d1d731
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/apps/files/src/components/FileItem.vue b/apps/files/src/components/FileItem.vue
@@ -202,6 +202,8 @@ export default {
 <style scoped>
 .files-list-file-preview {
   width: 36px;
+  height: 36px;
+  object-fit: contain;
 }
 
 .files-list-file-preview-small {

diff --git a/changelog/unreleased/fix-file-previews-size b/changelog/unreleased/fix-file-previews-size
@@ -0,0 +1,12 @@
+Bugfix: Fix behavior for foobar (in present tense, max length 80 chars)
+
+We've fixed the behavior for foobar, a long-standing annoyance for ownCloud
+users.
+
+The text in the paragraphs is written in past tense. The last section is a list
+of issue URLs, PR URLs and other URLs. The first issue ID (or the first PR ID,
+in case there aren't any issue links) is used as the primary ID.
+
+https://github.com/owncloud/phoenix/issues/1234
+https://github.com/owncloud/phoenix/pull/55555
+https://doc.owncloud.com/server/admin_manual/configuration/server/config_sample_php_parameters.html