liquidex/rkgk
liquidex/rkgk
1
Fork 0
Code Issues 65 Pull requests Actions Packages Projects 1 Releases Wiki Activity

fix overflow in brush editor

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

34
static/index.css
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,21 +41,27 @@ main {
&>.right { &>.right {
grid-column: right / right; grid-column: right / right;
height: fit-content; height: 100%;
min-height: 0;
max-height: 100%;
display: flex; &>.right-content {
flex-direction: row;
justify-content: stretch;
&>rkgk-resize-handle {
flex-shrink: 0;
height: auto;
}
&>rkgk-brush-editor {
max-height: 100%; max-height: 100%;
overflow: auto;
flex-grow: 1; display: flex;
flex-direction: row;
justify-content: stretch;
&>rkgk-resize-handle {
flex-shrink: 0;
height: auto;
}
&>rkgk-brush-editor {
height: auto;
overflow: auto;
flex-grow: 1;
}
} }
} }
} }

14
static/index.html
View file

@ -51,12 +51,14 @@
<a href="/docs/rkgk.html">Manual</a> <a href="/docs/rkgk.html">Manual</a>
</div> </div>
<div class="right"> <div class="right">
<rkgk-resize-handle <div class="right-content">
data-direction="vertical" <rkgk-resize-handle
data-target="panels-overlay" data-direction="vertical"
data-target-property="--right-width" data-target="panels-overlay"
data-init-size="384"></rkgk-resize-handle> data-target-property="--right-width"
<rkgk-brush-editor></rkgk-brush-editor> data-init-size="384"></rkgk-resize-handle>
<rkgk-brush-editor></rkgk-brush-editor>
</div>
</div> </div>
</div> </div>