Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-03 12:59:12 -05:00
Code Issues Activity

Merge pull request #2192 from penpot/superalex-fix-viewer-scroll-problems

Browse source 
🐛 Fix viewer scroll problems
This commit is contained in:
Pablo Alba 2022-08-25 12:09:11 +02:00 • committed by GitHub
commit 01d99222e0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -36,6 +36,7 @@
### :bug: Bugs fixed ### :bug: Bugs fixed
- Fix viewer scroll problems [Taiga 3403](https://tree.taiga.io/project/penpot/issue/3403)
- Fix hide html options on handoff [Taiga 3533](https://tree.taiga.io/project/penpot/issue/3533) - Fix hide html options on handoff [Taiga 3533](https://tree.taiga.io/project/penpot/issue/3533)
- Fix share prototypes overlay and stroke [Taiga #3994](https://tree.taiga.io/project/penpot/issue/3994) - Fix share prototypes overlay and stroke [Taiga #3994](https://tree.taiga.io/project/penpot/issue/3994)
- Fix border radious on boolean operations [Taiga #3959](https://tree.taiga.io/project/penpot/issue/3959) - Fix border radious on boolean operations [Taiga #3959](https://tree.taiga.io/project/penpot/issue/3959)

12
frontend/resources/styles/main/partials/viewer.scss
View file

@ -10,7 +10,6 @@
grid-row: 1 / span 2; grid-row: 1 / span 2;
grid-column: 1 / span 1; grid-column: 1 / span 1;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
flex-flow: wrap; flex-flow: wrap;
overflow: auto; overflow: auto;
@ -56,8 +55,8 @@
} }
& .viewer-go-next { & .viewer-go-next {
right: 0; right: 8px;
padding-right: 29px; width: 46px;
svg { svg {
margin-left: 2px; margin-left: 2px;
} }
@ -81,12 +80,13 @@
& .viewer-bottom { & .viewer-bottom {
position: absolute; position: absolute;
bottom: 0; bottom: 8px;
height: 50px; height: 30px;
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
z-index: 2;
&.left-bar { &.left-bar {
width: calc(100% - 512px); width: calc(100% - 512px);
@ -128,6 +128,8 @@
} }
& .viewer-wrapper { & .viewer-wrapper {
margin-left: auto;
margin-right: auto;
position: relative; position: relative;
} }