mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-12-23 10:11:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
This commit is contained in:
Keavon Chambers 2021-06-13 12:29:50 -07:00 • committed by GitHub
parent ca712813c3
commit 741a712972
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 37 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

65
client/web/src/components/panels/LayerTree.vue
View file

@ -44,6 +44,8 @@
<style lang="scss">
.layer-tree-panel {
min-height: 0;
.options-bar {
height: 32px;
flex: 0 0 auto;
@ -59,39 +61,44 @@
}
}
.layer-row {
display: flex;
height: 36px;
align-items: center;
margin: 0 8px;
.layer-tree {
overflow: auto;
.layer {
.layer-row {
display: flex;
height: 36px;
align-items: center;
background: var(--color-5-dullgray);
border-radius: 4px;
width: 100%;
height: 100%;
margin-left: 4px;
padding-left: 16px;
}
.selected {
background: var(--color-accent);
color: var(--color-f-white);
}
& + .layer-row {
margin-top: 2px;
}
.layer-thumbnail {
width: 64px;
height: 100%;
background: white;
}
.layer-type-icon {
margin: 0 8px;
flex: 0 0 auto;
.layer {
display: flex;
align-items: center;
background: var(--color-5-dullgray);
border-radius: 4px;
width: 100%;
height: 100%;
margin-left: 4px;
padding-left: 16px;
}
.selected {
background: var(--color-accent);
color: var(--color-f-white);
}
& + .layer-row {
margin-top: 2px;
}
.layer-thumbnail {
width: 64px;
height: 100%;
background: white;
}
.layer-type-icon {
margin: 0 8px;
}
}
}
}

1
client/web/src/components/workspace/Panel.vue
View file

@ -129,6 +129,7 @@
flex: 1 1 100%;
display: flex;
flex-direction: column;
min-height: 0;
}
}
</style>