From 748bc45eb726205591b508f0ea7513b4d3978c55 Mon Sep 17 00:00:00 2001
From: Aitor <asakon28@gmail.com>
Date: Wed, 24 Jan 2024 13:04:08 +0100
Subject: [PATCH] :bug: Fix viewer left/right arrows when fullscreen

---
 frontend/src/app/main/ui/viewer.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/src/app/main/ui/viewer.scss b/frontend/src/app/main/ui/viewer.scss
index 7b98ecfa3..b8c6c3623 100644
--- a/frontend/src/app/main/ui/viewer.scss
+++ b/frontend/src/app/main/ui/viewer.scss
@@ -76,6 +76,7 @@
   top: calc(50vh - $s-32);
   z-index: $z-index-2;
   background-color: var(--viewer-controls-background-color);
+  transition: transform 400ms ease 300ms;
   svg {
     @extend .button-icon;
     stroke: var(--icon-foreground);
@@ -189,3 +190,19 @@
 [data-force-visible="true"] .viewer-bottom {
   transform: translateY(0);
 }
+
+[data-fullscreen="true"] .viewer-go-next {
+  transform: translateX($s-40);
+}
+
+[data-fullscreen="true"] .viewer-go-prev {
+  transform: translateX(-$s-40);
+}
+
+[data-force-visible="true"] .viewer-go-next {
+  transform: translateX(0);
+}
+
+[data-force-visible="true"] .viewer-go-prev {
+  transform: translateX(0);
+}