diff --git a/CHANGES.md b/CHANGES.md index f48579f1b..58c2f3df7 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -29,6 +29,7 @@ - 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 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 ### :boom: Breaking changes diff --git a/frontend/resources/styles/main/layouts/handoff.scss b/frontend/resources/styles/main/layouts/handoff.scss index c41ad640d..027bbac0d 100644 --- a/frontend/resources/styles/main/layouts/handoff.scss +++ b/frontend/resources/styles/main/layouts/handoff.scss @@ -21,9 +21,18 @@ $width-settings-bar: 16rem; .viewer-header { width: 100%; position: fixed; - top: -39px; + top: -48px; left: 0; transition: top 400ms ease 300ms; + + &::after { + content: " "; + position: absolute; + width: 100%; + height: 1rem; + left: 0; + top: 48px; + } } & .viewer-header:hover { diff --git a/frontend/resources/styles/main/layouts/viewer.scss b/frontend/resources/styles/main/layouts/viewer.scss index 8f120296f..7e05a861b 100644 --- a/frontend/resources/styles/main/layouts/viewer.scss +++ b/frontend/resources/styles/main/layouts/viewer.scss @@ -19,9 +19,19 @@ & .viewer-header { width: 100%; position: fixed; - top: -39px; + top: -48px; left: 0; transition: top 400ms ease 300ms; + + &::after { + content: " "; + position: absolute; + width: 100%; + height: 1rem; + left: 0; + top: 48px; + } + } & .viewer-header:hover {