From 9efb11d8485f8273f7d64d46f2675a78fc41d6e8 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Mon, 15 Jul 2024 11:47:57 +0200
Subject: [feature/frontend] Add player for audio files; use thumbnail for
 `poster` (#3099)

* [feature/frontend] Audio player for audio media types

* use video preview images for previews instead of video itself

* don't preload

* update tests for new zork status

* collapse media gallery into single row when small
---
 web/source/css/status.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

(limited to 'web/source/css')

diff --git a/web/source/css/status.css b/web/source/css/status.css
index 249033e02..5c7400654 100644
--- a/web/source/css/status.css
+++ b/web/source/css/status.css
@@ -336,6 +336,10 @@ main {
 						grid-area: sensitive;
 						align-self: center;
 
+						text-overflow: ellipsis;
+						overflow: hidden;
+						white-space: nowrap;
+
 						.button {
 							cursor: pointer;
 							align-self: center;
@@ -401,10 +405,18 @@ main {
 			grid-column: span 2;
 		}
 
-		&.odd .media-wrapper:first-child, &.double .media-wrapper {
+		&.odd .media-wrapper:first-child,
+		&.double .media-wrapper {
 			grid-row: span 2;
 		}
 
+		@media screen and (max-width: 42rem) {
+			.media-wrapper {
+				grid-column: span 2;
+				grid-row: span 2;
+			}
+		}
+
 		img {
 			width: 100%;
 			height: 100%;
-- 
cgit v1.2.3