From 68230134947b42310dd15be5a36f3b99190eebbd Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Thu, 23 Feb 2023 10:06:50 +0100
Subject: [PATCH] Try to fix safari full screen image into panorama view

---
 .../ResourceCardContent/ImageCardContent.tsx  | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
index 0d9ca7267..eae3c5315 100644
--- a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
+++ b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
@@ -9,6 +9,26 @@ export default function ImageCardContent(props: {
 
     return (
         <>
+          <style jsx>{`
+            *|*:fullscreen:not(:root) {
+              position: fixed !important;
+              top: 0 !important;
+              left: 0 !important;
+              right: 0 !important;
+              bottom: 0 !important;
+              width: 100% !important;
+              height: 100% !important;
+              margin: 0 !important;
+              min-width: 0 !important;
+              max-width: none !important;
+              min-height: 0 !important;
+              max-height: none !important;
+              box-sizing: border-box !important;
+              object-fit: contain;
+              transform: none !important;
+            }
+            `}
+          </style>
             <Box
               className={props.style.imageContainer}
               w={'full'}