Fix Layer Tree panel CSS to allow scrolling (#208)

This commit is contained in:
Keavon Chambers
2021-06-13 12:29:50 -07:00
parent 9c0a23d03f
commit 3672c6919c
2 changed files with 37 additions and 29 deletions
@@ -44,6 +44,8 @@
<style lang="scss"> <style lang="scss">
.layer-tree-panel { .layer-tree-panel {
min-height: 0;
.options-bar { .options-bar {
height: 32px; height: 32px;
flex: 0 0 auto; flex: 0 0 auto;
@@ -59,11 +61,15 @@
} }
} }
.layer-tree {
overflow: auto;
.layer-row { .layer-row {
display: flex; display: flex;
height: 36px; height: 36px;
align-items: center; align-items: center;
margin: 0 8px; margin: 0 8px;
flex: 0 0 auto;
.layer { .layer {
display: flex; display: flex;
@@ -94,6 +100,7 @@
margin: 0 8px; margin: 0 8px;
} }
} }
}
} }
</style> </style>
@@ -129,6 +129,7 @@
flex: 1 1 100%; flex: 1 1 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0;
} }
} }
</style> </style>