3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-23 18:26:11 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix viewer style in fullscreen mode (#5964)

Browse source
This commit is contained in:
Elena Torró 2025-02-27 17:57:05 +01:00 • committed by GitHub
parent f7574009b5
commit 7da97d69b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/viewer.cljs
View file

@ -565,7 +565,7 @@
[:section#viewer-section {:ref viewer-section-ref [:section#viewer-section {:ref viewer-section-ref
:data-viewer-section true :data-viewer-section true
:class (stl/css-case :viewer-section true :class (stl/css-case :viewer-section true
:fulscreen fullscreen?) :fullscreen fullscreen?)
:on-click click-on-screen} :on-click click-on-screen}
(cond (cond
(empty? frames) (empty? frames)

9
frontend/src/app/main/ui/viewer.scss
View file

@ -206,6 +206,15 @@
transform: translateX(-$s-40); 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 { [data-force-visible="true"] .viewer-go-next {
transform: translateX(0); transform: translateX(0);
} }