github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-07 20:49:37 +00:00
Code Issues Packages Projects Releases Wiki 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);
}