mirror of
https://github.com/penpot/penpot.git
synced 2025-02-04 13:29:14 -05:00
🐛 Fix viewer left/right arrows when fullscreen
This commit is contained in:
parent
1991b44c00
commit
748bc45eb7
1 changed files with 17 additions and 0 deletions
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue