Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues Activity

🐛 Fix header partialy visible on fullscreen viewer mode

Browse source
This commit is contained in:
alonso.torres 2021-07-07 15:07:36 +02:00 • committed by Andrés Moya
parent 73a08fd119
commit 9b878bd1cc
3 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -29,6 +29,7 @@
- Fix negative values in blur [Taiga #1815](https://tree.taiga.io/project/penpot/issue/1815) - Fix negative values in blur [Taiga #1815](https://tree.taiga.io/project/penpot/issue/1815)
- Fix problem when editing color in group [Taiga #1816](https://tree.taiga.io/project/penpot/issue/1816) - Fix problem when editing color in group [Taiga #1816](https://tree.taiga.io/project/penpot/issue/1816)
- Fix resize/rotate with mouse buttons different than left [#1060](https://github.com/penpot/penpot/issues/1060) - Fix resize/rotate with mouse buttons different than left [#1060](https://github.com/penpot/penpot/issues/1060)
- Fix header partialy visible on fullscreen viewer mode [Taiga #1875](https://tree.taiga.io/project/penpot/issue/1875)
### :arrow_up: Deps updates ### :arrow_up: Deps updates
### :boom: Breaking changes ### :boom: Breaking changes

11
frontend/resources/styles/main/layouts/handoff.scss
View file

@ -21,9 +21,18 @@ $width-settings-bar: 16rem;
.viewer-header { .viewer-header {
width: 100%; width: 100%;
position: fixed; position: fixed;
top: -39px; top: -48px;
left: 0; left: 0;
transition: top 400ms ease 300ms; transition: top 400ms ease 300ms;
&::after {
content: " ";
position: absolute;
width: 100%;
height: 1rem;
left: 0;
top: 48px;
}
} }
& .viewer-header:hover { & .viewer-header:hover {

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

@ -19,9 +19,19 @@
& .viewer-header { & .viewer-header {
width: 100%; width: 100%;
position: fixed; position: fixed;
top: -39px; top: -48px;
left: 0; left: 0;
transition: top 400ms ease 300ms; transition: top 400ms ease 300ms;
&::after {
content: " ";
position: absolute;
width: 100%;
height: 1rem;
left: 0;
top: 48px;
}
} }
& .viewer-header:hover { & .viewer-header:hover {