liquidex/rkgk
liquidex/rkgk
1
Fork 0
Code Issues 66 Pull requests Projects 1 Wiki Activity

simplify CSS rules for brush editor overflow

Browse source
This commit is contained in:
liquidex 2024-09-03 22:42:00 +02:00
parent 5b22a50036
commit bfbde0dee3
2 changed files with 18 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
static/index.css
View file

@ -41,27 +41,23 @@ main {
&>.right { &>.right {
grid-column: right / right; grid-column: right / right;
height: 100%; height: fit-content;
min-height: 0; min-height: 0;
max-height: 100%; max-height: 100%;
&>.right-content { display: flex;
max-height: 100%; flex-direction: row;
justify-content: stretch;
display: flex; &>rkgk-resize-handle {
flex-direction: row; flex-shrink: 0;
justify-content: stretch; height: auto;
}
&>rkgk-resize-handle {
flex-shrink: 0;
height: auto;
}
&>rkgk-brush-editor { &>rkgk-brush-editor {
height: auto; height: auto;
overflow: auto; overflow: auto;
flex-grow: 1; flex-grow: 1;
}
} }
} }
} }

14
static/index.html
View file

@ -51,14 +51,12 @@
<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" data-target-property="--right-width"
data-target-property="--right-width" data-init-size="384"></rkgk-resize-handle>
data-init-size="384"></rkgk-resize-handle> <rkgk-brush-editor></rkgk-brush-editor>
<rkgk-brush-editor></rkgk-brush-editor>
</div>
</div> </div>
</div> </div>