From 7da97d69b0b0086079068f241cf515b3b16a4bb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elena=20Torr=C3=B3?= <elenatorro@gmail.com>
Date: Thu, 27 Feb 2025 17:57:05 +0100
Subject: [PATCH] :bug: Fix viewer style in fullscreen mode (#5964)

---
 frontend/src/app/main/ui/viewer.cljs | 2 +-
 frontend/src/app/main/ui/viewer.scss | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/main/ui/viewer.cljs b/frontend/src/app/main/ui/viewer.cljs
index 6a1507cb54..e6a460f05d 100644
--- a/frontend/src/app/main/ui/viewer.cljs
+++ b/frontend/src/app/main/ui/viewer.cljs
@@ -565,7 +565,7 @@
       [:section#viewer-section {:ref viewer-section-ref
                                 :data-viewer-section true
                                 :class (stl/css-case :viewer-section true
-                                                     :fulscreen fullscreen?)
+                                                     :fullscreen fullscreen?)
                                 :on-click click-on-screen}
        (cond
          (empty? frames)
diff --git a/frontend/src/app/main/ui/viewer.scss b/frontend/src/app/main/ui/viewer.scss
index 9deb4378d7..7e475a227b 100644
--- a/frontend/src/app/main/ui/viewer.scss
+++ b/frontend/src/app/main/ui/viewer.scss
@@ -206,6 +206,15 @@
   transform: translateX(-$s-40);
 }
 
+[data-fullscreen="true"] .viewer-content {
+  transform: translateY(-$s-48);
+  height: 100vh;
+}
+
+[data-fullscreen="true"] .viewer-section {
+  height: 100vh;
+}
+
 [data-force-visible="true"] .viewer-go-next {
   transform: translateX(0);
 }