Make outliner indentation more customizable via theme

This commit is contained in:
JannisX11 2024-06-09 23:34:21 +02:00
parent 5b8640e666
commit dcd6543fb3
2 changed files with 3 additions and 2 deletions

View File

@ -402,7 +402,7 @@
#cubes_list {
padding-top: 1px;
overflow-y: scroll;
--indentation: 16px;
--indentation-offset: 16px;
}
#cubes_list > li:last-child {
margin-bottom: 180px;
@ -438,6 +438,7 @@
width: 100%;
padding: 2px;
box-sizing: border-box;
padding-left: calc(var(--indentation) * var(--indentation-offset));
}
.outliner_object:active {
background-color: var(--color-ui);

View File

@ -1395,7 +1395,7 @@ Interface.definePanels(function() {
`<div
class="outliner_object"
v-bind:class="{ cube: node.type === 'cube', group: node.type === 'group', selected: node.selected }"
v-bind:style="{'padding-left': 'calc(var(--indentation) * ' + indentation + ')'}"
v-bind:style="{'--indentation': indentation}"
@contextmenu.prevent.stop="node.showContextMenu($event)"
@click="node.select($event, true)"
@touchstart="node.select($event)" :title="node.title"