riki/rkgk
riki/rkgk
1
Fork 0
Code Issues 57 Pull requests Projects 1 Activity

sidebar layout

Browse source 
switch the app from floating panels to a static sidebar on the right with resizable tools
expect more layout bugs from now on
This commit is contained in:
りき萌 2025-06-27 23:24:09 +02:00
parent f78f3136d9
commit 0ddc42c00f
10 changed files with 272 additions and 178 deletions
Download patch file Download diff file Expand all files Collapse all files

28
template/index.hbs.html
View file

@ -70,39 +70,35 @@
<rkgk-reticle-renderer class="fullscreen"></rkgk-reticle-renderer>
<div class="panels fullscreen" id="panels-overlay">
<div class="left">
<div class="rkgk-panel menu-bar">
<a class="icon icon-rkgk-grayscale" title="I know this menu bar is really ugly. Sorry about that."></a>
<hr>
<a href="/docs/rkgk.html">Manual</a>
</div>
<rkgk-zoom-indicator class="rkgk-panel"></rkgk-zoom-indicator>
</div>
<div class="right">
<div class="floating">
<rkgk-brush-preview></rkgk-brush-preview>
<rkgk-brush-cost-gauges class="rkgk-panel"></rkgk-brush-cost-gauges>
</div>
<rkgk-resize-handle
data-direction="vertical"
data-inverse
data-target="panels-overlay"
data-target-property="--right-width"
data-init-size="528"
data-min-size="384"></rkgk-resize-handle>
data-min-size="256"></rkgk-resize-handle>
<div class="docked">
<rkgk-brush-box
id="brush-box"
data-storage-id="brush-box"></rkgk-brush-box>
<menu class="menu-bar">
<li class="icon icon-rkgk-grayscale"></li>
<hr>
<li><a href="/docs/rkgk.html">Manual</a></li>
</menu>
<rkgk-brush-box id="brush-box"></rkgk-brush-box>
<rkgk-resize-handle
class="always-visible"
data-direction="horizontal"
data-target="brush-box"
data-target-property="--height"
data-init-size="168"
data-min-size="96"></rkgk-resize-handle>
<rkgk-brush-editor
data-storage-id="brush-editor"></rkgk-brush-editor>
<rkgk-brush-editor id="brush-editor"></rkgk-brush-editor>
</div>
</div>
</div>