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

🎉 Improvements on view mode

Browse source
This commit is contained in:
Pablo Alba 2022-06-08 12:12:23 +02:00
parent 65b6d1e07b
commit ae468ecdf2
17 changed files with 359 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/resources/styles/main/partials/viewer-header.scss
View file

@ -3,11 +3,12 @@
background-color: $color-gray-50;
border-bottom: 1px solid $color-gray-60;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-columns: 45% 10% 45%;
height: 48px;
padding: 0 $size-4 0 55px;
position: relative;
justify-content: space-between;
width: 100vw;
a {
font-size: $fs12;
@ -15,6 +16,7 @@
.nav-zone {
justify-content: flex-start;
width: 100%;
}
.main-icon {
@ -54,10 +56,25 @@
> * {
margin-left: $size-5;
@media only screen and (max-width: 1366px) {
margin-left: 0.5rem;
}
}
.btn-primary {
flex-shrink: 0;
svg {
display: none;
}
@media only screen and (max-width: 1366px) {
padding: 0 0.5rem;
svg {
display: inline-block;
}
span {
display: none;
}
}
}
.view-options {
@ -105,6 +122,7 @@
display: flex;
padding: $size-1;
position: relative;
width: 100%;
.icon {
display: flex;
@ -119,9 +137,13 @@
}
}
.breadcrumb {
display: grid;
grid-template-columns: auto 10px auto 10px auto;
}
.breadcrumb,
.current-frame {
display: flex;
position: relative;
> span {
@ -140,7 +162,8 @@
}
.current-frame {
display: flex;
display: grid;
grid-template-columns: 14px 1fr;
span {
color: $color-white;
margin-right: $size-1;