fix: also apply top margin to audio in firefox

Based on https://github.com/nextcloud/viewer/pull/1371 .
If we are displaying an audio file in a single page share
provide enough margin to display the speed settings.

Signed-off-by: Max <max@nextcloud.com>

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index 2fbadf933ce773cc309771be9c09edd9d27c2a1d..662e6003ff122f65077e610d88c2a9937bbec1d3 100644 (file)
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -62,7 +62,7 @@
   margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
   margin-top: 400px;
 }
 

diff --git a/apps/files_sharing/css/public.scss b/apps/files_sharing/css/public.scss
index 3a71f308f3611180c76d6218d8e8166289395e72..72762bd3bcdfcc05b6cf1dbe25b37e5030ec4814 100644 (file)
--- a/apps/files_sharing/css/public.scss
+++ b/apps/files_sharing/css/public.scss
@@ -45,7 +45,7 @@ $download-button-section-height: 200px;
        margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
        // for speed settings
     margin-top: 400px;
 }

diff --git a/apps/files_sharing/css/publicView.css b/apps/files_sharing/css/publicView.css
index e8b116994c558f904950e8648840e252528ded9f..6e3b5f5a0032d3147ea186d1d1a958480d1a57d8 100644 (file)
--- a/apps/files_sharing/css/publicView.css
+++ b/apps/files_sharing/css/publicView.css
@@ -62,7 +62,7 @@
   margin-right: auto;
 }
 
-#imgframe:has(audio) {
+#imgframe #viewer[data-handler=audios] {
   margin-top: 400px;
 }