Only show border for files with generated previews

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

1 files changed, 6 insertions, 1 deletions

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index e2c25bbe1ba..379ef0d7a6e 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -334,6 +334,12 @@ table td.filename .thumbnail {
 	position: absolute;
 	z-index: 4;
 }
+
+// Show slight border around previews for images, txt, etc.
+table tr[data-has-preview='true'] .thumbnail {
+	border: 1px solid var(--color-border);
+}
+
 table td.filename input.filename {
 	width: 70%;
 	margin-left: 48px;
@@ -835,7 +841,6 @@ table.dragshadow td.size {
 						background-size: contain;
 						margin: 0;
 						border-radius: var(--border-radius);
-						border: 1px solid var(--color-border);
 						background-repeat: no-repeat;
 						background-position: center;