3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-02 15:58:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Hide navbar in fullscreen view mode

Browse source
This commit is contained in:
Andrés Moya 2021-03-18 16:52:22 +01:00 • committed by Andrey Antukh
parent d2d1eed68a
commit dcb913d9fa
6 changed files with 82 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,19 +6,6 @@ $width-settings-bar: 16rem;
grid-template-columns: 1fr;
user-select: none;
&.fullscreen {
.viewer-header {
opacity: 0;
&:hover {
opacity: 1;
}
}
.viewer-content {
grid-row: 1 / span 2;
}
}
.viewer-header {
grid-column: 1 / span 1;
grid-row: 1 / span 1;
@ -30,6 +17,25 @@ $width-settings-bar: 16rem;
}
}
.fullscreen .handoff-layout {
.viewer-header {
width: 100%;
position: fixed;
top: -39px;
left: 0;
transition: top 400ms ease 300ms;
}
& .viewer-header:hover {
top: 0;
transition: top 200ms;
}
.viewer-content {
grid-row: 1 / span 2;
}
}
.handoff-layout {
.viewer-preview {
flex-wrap: nowrap;

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

@ -4,19 +4,6 @@
grid-template-columns: 1fr;
user-select: none;
&.fullscreen {
.viewer-header {
opacity: 0;
&:hover {
opacity: 1;
}
}
.viewer-content {
grid-row: 1 / span 2;
}
}
.viewer-header {
grid-column: 1 / span 1;
grid-row: 1 / span 1;
@ -27,3 +14,22 @@
grid-row: 2 / span 1;
}
}
.fullscreen .viewer-layout {
& .viewer-header {
width: 100%;
position: fixed;
top: -39px;
left: 0;
transition: top 400ms ease 300ms;
}
& .viewer-header:hover {
top: 0;
transition: top 200ms;
}
& .viewer-content {
grid-row: 1 / span 2;
}
}