fix overflow in brush editor

This commit is contained in:
liquidex 2024-09-03 22:39:38 +02:00
parent 83754a0282
commit 5b22a50036
2 changed files with 29 additions and 19 deletions

View file

@ -16,6 +16,8 @@ main {
&>.fullscreen { &>.fullscreen {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 100%;
max-height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -39,7 +41,12 @@ main {
&>.right { &>.right {
grid-column: right / right; grid-column: right / right;
height: fit-content; height: 100%;
min-height: 0;
max-height: 100%;
&>.right-content {
max-height: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -51,12 +58,13 @@ main {
} }
&>rkgk-brush-editor { &>rkgk-brush-editor {
max-height: 100%; height: auto;
overflow: auto; overflow: auto;
flex-grow: 1; flex-grow: 1;
} }
} }
} }
}
&>rkgk-canvas-renderer { &>rkgk-canvas-renderer {
width: 100%; width: 100%;

View file

@ -51,6 +51,7 @@
<a href="/docs/rkgk.html">Manual</a> <a href="/docs/rkgk.html">Manual</a>
</div> </div>
<div class="right"> <div class="right">
<div class="right-content">
<rkgk-resize-handle <rkgk-resize-handle
data-direction="vertical" data-direction="vertical"
data-target="panels-overlay" data-target="panels-overlay"
@ -59,6 +60,7 @@
<rkgk-brush-editor></rkgk-brush-editor> <rkgk-brush-editor></rkgk-brush-editor>
</div> </div>
</div> </div>
</div>
<rkgk-welcome> <rkgk-welcome>
<dialog name="welcome-dialog" class="rkgk-panel"> <dialog name="welcome-dialog" class="rkgk-panel">