shift left/right sub panel borders inside and mark bottoms for mode

This commit is contained in:
Stewart Allen 2026-02-24 01:11:13 -05:00
commit 32799effb8
2 changed files with 17 additions and 10 deletions

View file

@ -268,8 +268,8 @@ details[open] summary::after {
}
#oplist > div,
.opdiv {
background-color: #333;
border: 1px solid #888;
background-color: #282828;
border: 1px solid #666;
}
#oplist > div:hover,
#op-add:hover {
@ -850,10 +850,16 @@ details[open] summary::after {
#panel-left {
padding-right: 5px;
}
#panel-slide {
border-right: 1px solid var(--border-gray);
#panel-right > div {
border-left: 1px solid var(--border-gray);
}
#panel-right > div.bottom, .set2-group.bottom {
border-bottom: 1px solid var(--border-gray);
}
#panel-slide {
/* border-right: 1px solid var(--border-gray); */
/* border-bottom: 1px solid var(--border-gray); */
}
.slideshow #panel-slide {
padding-right: 1px;
border-right: 20px solid rgba(128,128,128,0.3);
@ -2220,6 +2226,7 @@ details[open] summary::after {
background-color: var(--menubar-back);
flex-flow: column;
padding: 0 0 2px 0;
border-right: 1px solid var(--border-gray);
}
.set2-group .var-row, .var-row {
background: var(--menubar-back);

View file

@ -79,27 +79,27 @@
<div id="fdm-base" class="set2-group mode-fdm"></div>
<div id="fdm-support" class="set2-group mode-fdm"></div>
<div id="fdm-output" class="set2-group mode-fdm"></div>
<div id="fdm-expert" class="set2-group mode-fdm"></div>
<div id="fdm-expert" class="set2-group mode-fdm bottom"></div>
<!-- CAM -->
<div id="cam-tabs" class="set2-group mode-cam"></div>
<div id="cam-stock" class="set2-group mode-cam"></div>
<div id="cam-limits" class="set2-group mode-cam"></div>
<div id="cam-output" class="set2-group mode-cam"></div>
<div id="cam-origin" class="set2-group mode-cam"></div>
<div id="cam-expert" class="set2-group mode-cam"></div>
<div id="cam-expert" class="set2-group mode-cam bottom"></div>
<!-- LASER / 2D Cut Tools -->
<div id="lzr-slice" class="set2-group mode-laser"></div>
<div id="lzr-surface" class="set2-group mode-laser"></div>
<div id="lzr-knife" class="set2-group mode-laser"></div>
<div id="lzr-layout" class="set2-group mode-laser"></div>
<div id="lzr-output" class="set2-group mode-laser"></div>
<div id="lzr-output" class="set2-group mode-laser bottom"></div>
<!-- SLA -->
<div id="sla-slice" class="set2-group mode-sla"></div>
<div id="sla-layers" class="set2-group mode-sla"></div>
<div id="sla-base" class="set2-group mode-sla"></div>
<div id="sla-fill" class="set2-group mode-sla"></div>
<div id="sla-support" class="set2-group mode-sla"></div>
<div id="sla-output" class="set2-group mode-sla"></div>
<div id="sla-output" class="set2-group mode-sla bottom"></div>
</div>
</div>
@ -141,11 +141,11 @@
<div id="ws-widgets" class="f-col"></div>
</details>
</div>
<div class="set2-group f-col mode-fdm">
<div class="set2-group f-col mode-fdm bottom">
<div class="set-header"><a>ranges</a></div>
<div id="fdm-ranges" class="f-col"></div>
</div>
<div class="set2-group f-col mode-cam">
<div class="set2-group f-col mode-cam bottom">
<details open>
<summary class="set-header mode-cam"><a>operation list</a></summary>
<div id="camops" class="f-col a-stretch grow">