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

🐧 adds layout for libraries sidebar

Browse source
This commit is contained in:
alonso.torres 2020-03-23 15:23:29 +01:00
parent c09fe46790
commit 4102dca55c
12 changed files with 187 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -11,7 +11,7 @@
height: 100%;
position: fixed;
right: 0;
width: 230px;
width: 15rem;
z-index: 10;
&.settings-bar-left {
@ -20,10 +20,22 @@
.settings-bar-inside {
align-items: center;
display: flex;
display: grid;
&[data-layout*='layers'] {
grid-template-rows: 30% 70%;
}
&[data-layout*='libraries'] {
grid-template-rows: 100%;
}
&[data-layout*='layers'][data-layout*='libraries'] {
grid-template-rows: 15% 25% 60%;
}
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
overflow: hidden;
padding-top: 40px;
height: 100%;
@ -33,12 +45,14 @@
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
.tool-window-bar {
align-items: center;
display: flex;
flex-shrink: 0;
padding: $small;
overflow: hidden;
svg {
fill: $color-gray-20;
@ -80,13 +94,6 @@
padding-bottom: $medium;
height: 100%;
}
&#layers {
padding-bottom: 30px;
}
}
}
}