simplify CSS rules for brush editor overflow

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

View file

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

View file

@ -51,14 +51,12 @@
<a href="/docs/rkgk.html">Manual</a>
</div>
<div class="right">
<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>
<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>