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 {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
@ -39,21 +41,27 @@ main {
&>.right {
grid-column: right / right;
height: fit-content;
height: 100%;
min-height: 0;
max-height: 100%;
display: flex;
flex-direction: row;
justify-content: stretch;
&>rkgk-resize-handle {
flex-shrink: 0;
height: auto;
}
&>rkgk-brush-editor {
&>.right-content {
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>
</div>
<div class="right">
<rkgk-resize-handle
data-direction="vertical"
data-target="panels-overlay"
data-target-property="--right-width"
data-init-size="384"></rkgk-resize-handle>
<rkgk-brush-editor></rkgk-brush-editor>
<div class="right-content">
<rkgk-resize-handle
data-direction="vertical"
data-target="panels-overlay"
data-target-property="--right-width"
data-init-size="384"></rkgk-resize-handle>
<rkgk-brush-editor></rkgk-brush-editor>
</div>
</div>
</div>