Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 09:08:31 -05:00
Code Issues Activity

🐛 Fix viewer left/right arrows when fullscreen

Browse source
This commit is contained in:
Aitor 2024-01-24 13:04:08 +01:00
parent 1991b44c00
commit 748bc45eb7
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -76,6 +76,7 @@
top: calc(50vh - $s-32); top: calc(50vh - $s-32);
z-index: $z-index-2; z-index: $z-index-2;
background-color: var(--viewer-controls-background-color); background-color: var(--viewer-controls-background-color);
transition: transform 400ms ease 300ms;
svg { svg {
@extend .button-icon; @extend .button-icon;
stroke: var(--icon-foreground); stroke: var(--icon-foreground);
@ -189,3 +190,19 @@
[data-force-visible="true"] .viewer-bottom { [data-force-visible="true"] .viewer-bottom {
transform: translateY(0); 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);
}