From 968aa3b7eb5a6a7d2dd4628c39f8e1f2771602e6 Mon Sep 17 00:00:00 2001 From: David Steeb Date: Thu, 11 Jun 2026 16:22:49 +0200 Subject: [PATCH] [FEATURE] Add fallback icon for non-image media files Media previews rendered the file via f:image only, which breaks or stays empty for non-image files (e.g. video/audio in the media field). Render a TYPO3 file type icon (video/audio/generic) as a fallback when the file is not an image. Resolves: BEXT-223 --- Resources/Private/Partials/Media/Image.html | 30 +++++++++++++++---- .../Backend/Css/Skin/backendpreviews.css | 10 +++++++ 2 files changed, 34 insertions(+), 6 deletions(-) diff --git a/Resources/Private/Partials/Media/Image.html b/Resources/Private/Partials/Media/Image.html index 29277ab..1c07ccf 100644 --- a/Resources/Private/Partials/Media/Image.html +++ b/Resources/Private/Partials/Media/Image.html @@ -1,15 +1,33 @@ - + + + + + + + + + + + + + + + diff --git a/Resources/Public/Backend/Css/Skin/backendpreviews.css b/Resources/Public/Backend/Css/Skin/backendpreviews.css index 3df4992..be6eb3a 100644 --- a/Resources/Public/Backend/Css/Skin/backendpreviews.css +++ b/Resources/Public/Backend/Css/Skin/backendpreviews.css @@ -47,6 +47,16 @@ margin-top: var(--spacing-image); } +.b_image--icon { + display: inline-block; + vertical-align: top; +} + +.b_image--icon .icon { + width: 64px; + height: 64px; +} + .b_tiles { width: var(--tiles-width-default); display: inline-block;