color sliced features and match checkboxes
This commit is contained in:
parent
290ace6f7f
commit
bf1945d02f
3 changed files with 38 additions and 10 deletions
|
|
@ -72,11 +72,14 @@
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
};
|
};
|
||||||
// let color = lmap[label].color.check;
|
let color = lmap[label].color.check;
|
||||||
// if (color !== undefined) {
|
if (color !== undefined) {
|
||||||
// console.log({check, color});
|
let div = document.createElement('div');
|
||||||
// check.toggle.style.color = "#f00";
|
div.setAttribute('class', 'color');
|
||||||
// }
|
div.style.backgroundColor = `#${color.toString(16).padStart(6,0)}`;
|
||||||
|
check.toggle.parentNode.appendChild(div);
|
||||||
|
check.toggle.classList.add("color");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
const ctrl = DYN[label];
|
const ctrl = DYN[label];
|
||||||
ctrl.group.appendAll(mats);
|
ctrl.group.appendAll(mats);
|
||||||
|
|
|
||||||
|
|
@ -18,10 +18,10 @@
|
||||||
FILL = KIRI.fill,
|
FILL = KIRI.fill,
|
||||||
FILLFIXED = KIRI.fill_fixed,
|
FILLFIXED = KIRI.fill_fixed,
|
||||||
COLOR = {
|
COLOR = {
|
||||||
shell: { face: 0x0077bb, line: 0x0077bb, opacity: 1 },
|
shell: { check: 0x0077bb, face: 0x0077bb, line: 0x0077bb, opacity: 1 },
|
||||||
fill: { face: 0x0077bb, line: 0x0077bb, opacity: 1 },
|
fill: { check: 0x00bb77, face: 0x00bb77, line: 0x00bb77, opacity: 1 },
|
||||||
infill: { face: 0x0077bb, line: 0x0077bb, opacity: 1 },
|
infill: { check: 0x3322bb, face: 0x3322bb, line: 0x3322bb, opacity: 1 },
|
||||||
support: { face: 0x006699, line: 0x006699, opacity: 1 }
|
support: { check: 0xaa5533, face: 0xaa5533, line: 0xaa5533, opacity: 1 }
|
||||||
},
|
},
|
||||||
PROTO = Object.clone(COLOR);
|
PROTO = Object.clone(COLOR);
|
||||||
|
|
||||||
|
|
@ -279,7 +279,7 @@
|
||||||
slice.tops.forEach(top => {
|
slice.tops.forEach(top => {
|
||||||
if (isThin) {
|
if (isThin) {
|
||||||
output
|
output
|
||||||
.setLayer('slice', { line: 0x000066, check: 0xff0000 })
|
.setLayer('slice', { line: 0x000066, check: 0x000066 })
|
||||||
.addPolys(top.poly);
|
.addPolys(top.poly);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -74,6 +74,7 @@ input {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
input:focus {
|
input:focus {
|
||||||
background-color: #fec;
|
background-color: #fec;
|
||||||
|
|
@ -90,6 +91,30 @@ input[type="range"] {
|
||||||
input[type=range]::-moz-focus-outer {
|
input[type=range]::-moz-focus-outer {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
input[type="checkbox"] + .color {
|
||||||
|
z-index: 10000;
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border: 1px solid rgba(0,0,0,0.1);
|
||||||
|
border-radius: 3px;
|
||||||
|
display: inline-block;
|
||||||
|
pointer-events: none;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
input[type="checkbox"]:not(:checked) + .color {
|
||||||
|
border: 1px solid blue;
|
||||||
|
background-color: rgba(255,255,255,0.5) !important;
|
||||||
|
}
|
||||||
|
input[type="checkbox"].color {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
opacity: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
select, textarea, button, input, a {
|
select, textarea, button, input, a {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue