0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-12 10:09:03 -05:00

🔥 fixed grid layout

This commit is contained in:
alonso.torres 2020-03-27 15:43:09 +01:00 committed by Andrey Antukh
parent 25a201bc44
commit 79d0d56daf
3 changed files with 22 additions and 6 deletions

View file

@ -7,7 +7,6 @@
.sitemap {
flex: none !important;
max-height: 190px;
.element-list {

View file

@ -22,18 +22,35 @@
align-items: center;
display: grid;
grid-template-columns: 100%;
&[data-layout*='sitemap-pages'] {
grid-template-rows: auto;
}
&[data-layout*='layers'] {
grid-template-rows: 30% 70%;
grid-template-rows: auto 1fr;
}
&[data-layout*='libraries'] {
grid-template-rows: 100%;
grid-template-rows: auto 1fr;
}
&[data-layout*='layers'][data-layout*='sitemap-pages'] {
grid-template-rows: 12rem 1fr;
}
&[data-layout*='libraries'][data-layout*='sitemap-pages'] {
grid-template-rows: 12rem 1fr;
}
&[data-layout*='layers'][data-layout*='libraries'] {
grid-template-rows: 15% 25% 60%;
grid-template-rows: auto 30% 1fr;
}
&[data-layout*='layers'][data-layout*='libraries'][data-layout*='sitemap-pages'] {
grid-template-rows: 12rem 25% 1fr;
}
flex-direction: column;
overflow: hidden;

View file

@ -68,7 +68,7 @@
[:li.tooltip.tooltip-right
{:alt "Layers"
:class (when (contains? layout :layers) "selected")
:on-click #(st/emit! (dw/toggle-layout-flag :layers :sitemap))}
:on-click #(st/emit! (dw/toggle-layout-flag :layers))}
i/layers]
[:li.tooltip.tooltip-right
{:alt "Libraries"