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

View file

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