AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add auto-layout, free-layout, group-import, stock auto-sizing

Browse source
This commit is contained in:
Stewart Allen 2020-02-25 20:42:48 -05:00
commit 852f72253d
5 changed files with 135 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

169
js/kiri.js
View file

@ -173,6 +173,7 @@ self.kiri.license = exports.LICENSE;
camStockX: 1, camStockX: 1,
camStockY: 1, camStockY: 1,
camStockZ: 1, camStockZ: 1,
camStockOffset: 1,
outputClockwise: 1, outputClockwise: 1,
outputOriginCenter: 1, outputOriginCenter: 1,
outputInvertX: 1, outputInvertX: 1,
@ -396,6 +397,7 @@ self.kiri.license = exports.LICENSE;
camStockX: 0, camStockX: 0,
camStockY: 0, camStockY: 0,
camStockZ: 0, camStockZ: 0,
camStockOffset: true,
outputClockwise: true, outputClockwise: true,
@ -459,7 +461,10 @@ self.kiri.license = exports.LICENSE;
controller:{ controller:{
view: null, view: null,
zoomSpeed: 1.0, zoomSpeed: 1.0,
reverseZoom: true reverseZoom: true,
groupImport: false,
freeLayout: true,
autoLayout: true
}, },
mode: 'FDM', mode: 'FDM',
id: genID(), id: genID(),
@ -489,8 +494,6 @@ self.kiri.license = exports.LICENSE;
WIDGETS = KIRI.widgets = [], WIDGETS = KIRI.widgets = [],
CATALOG = KIRI.catalog = KIRI.openCatalog(ODB,autoDecimate), CATALOG = KIRI.catalog = KIRI.openCatalog(ODB,autoDecimate),
STATS = new Stats(SDB), STATS = new Stats(SDB),
// ACTIVE = 'kiri-active',
// IDLE = 'kiri-idle',
SEED = 'kiri-seed', SEED = 'kiri-seed',
// --------------- // ---------------
Widget = kiri.Widget, Widget = kiri.Widget,
@ -1528,7 +1531,6 @@ self.kiri.license = exports.LICENSE;
} }
function meshUpdateInfo(mesh) { function meshUpdateInfo(mesh) {
UI.selection.style.display = selectedWidgetCount() ? 'block' : 'none';
if (!mesh) { if (!mesh) {
if (selectedMeshes.length === 0) { if (selectedMeshes.length === 0) {
UI.selWidth.innerHTML = '0'; UI.selWidth.innerHTML = '0';
@ -1550,12 +1552,13 @@ self.kiri.license = exports.LICENSE;
function setOpacity(value) { function setOpacity(value) {
forAllWidgets(function (w) { w.setOpacity(value) }); forAllWidgets(function (w) { w.setOpacity(value) });
UI.viewModelOpacity.value = value * 100; UI.modelOpacity.value = value * 100;
SPACE.update(); SPACE.update();
} }
function moveSelection(x, y, z, abs) { function moveSelection(x, y, z, abs) {
forSelectedWidgets(function (w) { w.move(x, y, z, abs) }); forSelectedWidgets(function (w) { w.move(x, y, z, abs) });
updateCamStock();
SPACE.update(); SPACE.update();
} }
@ -1577,12 +1580,14 @@ self.kiri.license = exports.LICENSE;
UI.scaleY.value = 1; UI.scaleY.value = 1;
UI.scaleZ.value = 1; UI.scaleZ.value = 1;
platformComputeMaxZ(); platformComputeMaxZ();
updateCamStock(true);
SPACE.update(); SPACE.update();
} }
function rotateSelection(x, y, z) { function rotateSelection(x, y, z) {
forSelectedWidgets(function (w) { w.rotate(x, y, z) }); forSelectedWidgets(function (w) { w.rotate(x, y, z) });
platformComputeMaxZ(); platformComputeMaxZ();
updateCamStock(true);
SPACE.update(); SPACE.update();
} }
@ -1652,6 +1657,7 @@ self.kiri.license = exports.LICENSE;
widget.setColor(widget_selected_color); widget.setColor(widget_selected_color);
meshUpdateInfo(mesh); meshUpdateInfo(mesh);
} }
UI.selection.style.display = selectedWidgetCount() ? 'inline' : 'none';
SPACE.update(); SPACE.update();
} }
@ -1672,12 +1678,14 @@ self.kiri.license = exports.LICENSE;
sel = (si >= 0); sel = (si >= 0);
if (sel) selectedMeshes.splice(si,1); if (sel) selectedMeshes.splice(si,1);
widget.setColor(widget_deselected_color); widget.setColor(widget_deselected_color);
UI.selection.style.display = selectedWidgetCount() ? 'inline' : 'none';
SPACE.update(); SPACE.update();
meshUpdateInfo(); meshUpdateInfo();
} }
function layoutPlatform(event, space) { function layoutPlatform(event, space) {
var layout = (viewMode === VIEWS.ARRANGE), var auto = UI.autoLayout.checked,
layout = (viewMode === VIEWS.ARRANGE && auto),
proc = settings.process, proc = settings.process,
modified = false, modified = false,
oldmode = viewMode, oldmode = viewMode,
@ -1703,7 +1711,7 @@ self.kiri.license = exports.LICENSE;
} }
// do not layout when switching back from slice view // do not layout when switching back from slice view
if (!space && !layout) return SPACE.update(); if (!auto || (!space && !layout)) return SPACE.update();
// check if any widget has been modified // check if any widget has been modified
forAllWidgets(function(w) { forAllWidgets(function(w) {
@ -1742,6 +1750,10 @@ self.kiri.license = exports.LICENSE;
m.material.visible = true; m.material.visible = true;
} }
if (MODE === MODES.CAM) {
updateCamStock();
}
SPACE.update(); SPACE.update();
} }
@ -1884,10 +1896,43 @@ self.kiri.license = exports.LICENSE;
}); });
} }
function updateCamStock() { function updateCamStock(refresh) {
var sd = settings.process; let sd = settings.process;
let offset = UI.camStockOffset.checked;
// create/inject cam stock if stock size other than default // create/inject cam stock if stock size other than default
if (sd.camStockX && sd.camStockY && sd.camStockZ) { if (MODE === MODES.CAM && sd.camStockX && sd.camStockY && sd.camStockZ) {
UI.stock.style.display = offset ? 'inline' : 'none';
let csx = sd.camStockX;
let csy = sd.camStockY;
let csz = sd.camStockZ;
let csox = 0;
let csoy = 0;
if (offset) {
let min = { x: Infinity, y: Infinity, z: 0 };
let max = { x: -Infinity, y: -Infinity, z: -Infinity };
forAllWidgets(function(widget) {
let wbnd = widget.getBoundingBox(refresh);
let wpos = widget.orient.pos;
min = {
x: Math.min(min.x, wpos.x + wbnd.min.x),
y: Math.min(min.y, wpos.y + wbnd.min.y),
z: 0
};
max = {
x: Math.max(max.x, wpos.x + wbnd.max.x),
y: Math.max(max.y, wpos.y + wbnd.max.y),
z: Math.max(max.z, wbnd.max.z)
};
});
csx += max.x - min.x;
csy += max.y - min.y;
csz += max.z - min.z;
csox = min.x + ((max.x - min.x) / 2);
csoy = min.y + ((max.y - min.y) / 2);
$('stock-width').innerText = (csx).toFixed(2);
$('stock-depth').innerText = (csy).toFixed(2);
$('stock-height').innerText = (csz).toFixed(2);
}
if (!camStock) { if (!camStock) {
var geo = new THREE.BoxGeometry(1, 1, 1); var geo = new THREE.BoxGeometry(1, 1, 1);
var mat = new THREE.MeshBasicMaterial({ color: 0x777777, opacity: 0.2, transparent: true, side:THREE.DoubleSide }); var mat = new THREE.MeshBasicMaterial({ color: 0x777777, opacity: 0.2, transparent: true, side:THREE.DoubleSide });
@ -1895,15 +1940,18 @@ self.kiri.license = exports.LICENSE;
SPACE.platform.add(cube); SPACE.platform.add(cube);
camStock = cube; camStock = cube;
} }
camStock.scale.x = sd.camStockX; camStock.scale.x = csx;
camStock.scale.y = sd.camStockY; camStock.scale.y = csy;
camStock.scale.z = sd.camStockZ; camStock.scale.z = csz;
camStock.position.z = sd.camStockZ / 2; camStock.position.x = csox;
camStock.position.y = csoy;
camStock.position.z = csz / 2;
camStock.material.visible = settings.mode === 'CAM'; camStock.material.visible = settings.mode === 'CAM';
camTopZ = sd.camStockZ - sd.camZTopOffset; camTopZ = csz - sd.camZTopOffset;
camUpdateWidgetZ(); camUpdateWidgetZ();
SPACE.update(); SPACE.update();
} else if (camStock) { } else if (camStock) {
UI.stock.style.display = 'none';
SPACE.platform.remove(camStock); SPACE.platform.remove(camStock);
SPACE.update(); SPACE.update();
camStock = null; camStock = null;
@ -2042,32 +2090,6 @@ self.kiri.license = exports.LICENSE;
SDB.removeItem('ws-camera'); SDB.removeItem('ws-camera');
UI.reverseZoom.checked = settings.controller.reverseZoom; UI.reverseZoom.checked = settings.controller.reverseZoom;
} }
// update/integrate old settings
// ["FDM","CAM","LASER"].forEach(function(mode) {
// var key = 'ws-settings-'+mode,
// oset = ls2o(key, settings);
// SDB.removeItem(key);
// SDB.removeItem('ws-camera-'+mode);
// // create default settings if missing
// if (!settings.cproc[mode]) {
// // merge bed into device
// set(oset.device, oset.bed);
// // merge output into process
// set(oset.process, oset.output);
// settings.cproc[mode] = "default";
// settings.sproc[mode].default = clone(oset.process);
// }
// // copy device into cdev cache if missing
// if (!settings.cdev[mode]) {
// settings.cdev[mode] = oset.device;
// }
// // prefer tools object from CAM settings
// if (mode === 'CAM' && oset.tools) {
// settings.tools = oset.tools;
// }
// // restore per-mode filter
// settings.filter[mode] = oset.filter[mode];
// });
// merge custom filters from localstorage into settings // merge custom filters from localstorage into settings
localFilters.forEach(function(fname) { localFilters.forEach(function(fname) {
var fkey = "gcode-filter-"+fname, ov = ls2o(fkey); var fkey = "gcode-filter-"+fname, ov = ls2o(fkey);
@ -2319,7 +2341,7 @@ self.kiri.license = exports.LICENSE;
function takeFocus(el) { function takeFocus(el) {
DOC.activeElement.blur(); DOC.activeElement.blur();
el = [ el || DOC.body, UI.ctrlLeft, UI.container, UI.assets, UI.control, UI.modeFDM, UI.reverseZoom, UI.viewModelOpacity, DOC.body ]; el = [ el || DOC.body, UI.ctrlLeft, UI.container, UI.assets, UI.control, UI.modeFDM, UI.reverseZoom, UI.modelOpacity, DOC.body ];
for (var es, i=0; i<el.length; i++) { for (var es, i=0; i<el.length; i++) {
es = el[i]; es = el[i];
es.focus(); es.focus();
@ -2463,6 +2485,7 @@ self.kiri.license = exports.LICENSE;
ctrlRight: $('control-right'), ctrlRight: $('control-right'),
layerView: $('layer-view'), layerView: $('layer-view'),
layerSlider: $('layer-slider'), layerSlider: $('layer-slider'),
modelOpacity: $('opacity'),
assets: assets, assets: assets,
control: control, control: control,
@ -2550,6 +2573,10 @@ self.kiri.license = exports.LICENSE;
scaleY: $('scale_y'), scaleY: $('scale_y'),
scaleZ: $('scale_z'), scaleZ: $('scale_z'),
scaleUniform: $('scale_uni'), scaleUniform: $('scale_uni'),
stock: $('stock'),
stockWidth: $('stock-width'),
stockDepth: $('stock-width'),
stockHeight: $('stock-width'),
mode: UC.newGroup('mode', assets), mode: UC.newGroup('mode', assets),
modeTable: UC.newTableRow([ modeTable: UC.newTableRow([
@ -2622,25 +2649,26 @@ self.kiri.license = exports.LICENSE;
UC.newButton("right", SPACE.view.right) UC.newButton("right", SPACE.view.right)
] ]
]), ]),
viewOpt: UC.newTableRow([[ layout: UC.newGroup('options'),
UI.reverseZoom = UC.newBoolean(null, invertMouse, {title:"invert mouse\nscroll zoom"}), autoLayout: UC.newBoolean("auto layout", booleanSave, {title:"automatically layout platform\nwhen new items added\nor when arrange clicked\nmore than once"}),
UI.viewModelOpacity = UC.newRange(null, {title:"change model opacity"}) freeLayout: UC.newBoolean("free layout", booleanSave, {title:"permit dragable layout"}),
]]), groupImport: UC.newBoolean("group import", booleanSave, {title:"group imports received\nfrom external sources\nlike Onshape", modes:CAM}),
reverseZoom: UC.newBoolean("invert zoom", booleanSave, {title:"invert mouse wheel\nscroll zoom"}),
layers: UC.setGroup($("layers")), layers: UC.setGroup($("layers")),
layerOutline: UC.newBoolean("outline", onBooleanClick, {modes:LOCAL ? ALL : FDM_LASER}), layerOutline: UC.newBoolean("outline", onLayerToggle, {modes:LOCAL ? ALL : FDM_LASER}),
layerTrace: UC.newBoolean("trace", onBooleanClick, {modes:FDM_LASER}), layerTrace: UC.newBoolean("trace", onLayerToggle, {modes:FDM_LASER}),
layerFacing: UC.newBoolean("facing", onBooleanClick, {modes:CAM}), layerFacing: UC.newBoolean("facing", onLayerToggle, {modes:CAM}),
layerRough: UC.newBoolean("roughing", onBooleanClick, {modes:CAM}), layerRough: UC.newBoolean("roughing", onLayerToggle, {modes:CAM}),
layerFinish: UC.newBoolean("finishing", onBooleanClick, {modes:CAM}), layerFinish: UC.newBoolean("finishing", onLayerToggle, {modes:CAM}),
layerFinishX: UC.newBoolean("finish x", onBooleanClick, {modes:CAM}), layerFinishX: UC.newBoolean("finish x", onLayerToggle, {modes:CAM}),
layerFinishY: UC.newBoolean("finish y", onBooleanClick, {modes:CAM}), layerFinishY: UC.newBoolean("finish y", onLayerToggle, {modes:CAM}),
layerDelta: UC.newBoolean("delta", onBooleanClick, {modes:FDM}), layerDelta: UC.newBoolean("delta", onLayerToggle, {modes:FDM}),
layerSolid: UC.newBoolean("solids", onBooleanClick, {modes:FDM}), layerSolid: UC.newBoolean("solids", onLayerToggle, {modes:FDM}),
layerFill: UC.newBoolean("solid fill", onBooleanClick, {modes:FDM}), layerFill: UC.newBoolean("solid fill", onLayerToggle, {modes:FDM}),
layerSparse: UC.newBoolean("sparse fill", onBooleanClick, {modes:FDM}), layerSparse: UC.newBoolean("sparse fill", onLayerToggle, {modes:FDM}),
layerSupport: UC.newBoolean("support", onBooleanClick, {modes:FDM}), layerSupport: UC.newBoolean("support", onLayerToggle, {modes:FDM}),
layerPrint: UC.newBoolean("print", onBooleanClick), layerPrint: UC.newBoolean("print", onLayerToggle),
settingsGroup: UC.newGroup("settings", control), settingsGroup: UC.newGroup("settings", control),
settingsTable: UC.newTableRow([ settingsTable: UC.newTableRow([
@ -2776,6 +2804,7 @@ self.kiri.license = exports.LICENSE;
camStockX: UC.newInput("width", {title:"width (x) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}), camStockX: UC.newInput("width", {title:"width (x) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}),
camStockY: UC.newInput("depth", {title:"depth (y) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}), camStockY: UC.newInput("depth", {title:"depth (y) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}),
camStockZ: UC.newInput("height", {title:"height (z) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}), camStockZ: UC.newInput("height", {title:"height (z) in millimeters\n0 defaults to part size", convert:UC.toFloat, bound:UC.bound(0,9999), modes:CAM}),
camStockOffset: UC.newBoolean("offset", onBooleanClick, {title: "use width, depth, height\nas offsets from max\npart size on platform", modes:CAM}),
outputOriginCenter: UC.newBoolean("origin center", onBooleanClick, {modes:CAM_LASER}), outputOriginCenter: UC.newBoolean("origin center", onBooleanClick, {modes:CAM_LASER}),
camOriginTop: UC.newBoolean("origin top", onBooleanClick, {modes:CAM}), camOriginTop: UC.newBoolean("origin top", onBooleanClick, {modes:CAM}),
@ -2803,17 +2832,24 @@ self.kiri.license = exports.LICENSE;
DBUG.log(['toolUpdate',a,b,c]) DBUG.log(['toolUpdate',a,b,c])
} }
function invertMouse() { function booleanSave() {
settings.controller.autoLayout = UI.autoLayout.checked;
settings.controller.freeLayout = UI.freeLayout.checked;
settings.controller.groupImport = UI.groupImport.checked;
settings.controller.reverseZoom = UI.reverseZoom.checked; settings.controller.reverseZoom = UI.reverseZoom.checked;
SPACE.view.setZoom(settings.controller.reverseZoom, settings.controller.zoomSpeed); SPACE.view.setZoom(settings.controller.reverseZoom, settings.controller.zoomSpeed);
saveSettings(); saveSettings();
} }
function onBooleanClick() { function onLayerToggle() {
updateSettings(); updateSettings();
showSlices(); showSlices();
} }
function onBooleanClick() {
updateSettings();
}
function inputHasFocus() { function inputHasFocus() {
var active = DOC.activeElement; var active = DOC.activeElement;
return active && (active.nodeName === "INPUT" || active.nodeName === "TEXTAREA"); return active && (active.nodeName === "INPUT" || active.nodeName === "TEXTAREA");
@ -3708,8 +3744,8 @@ self.kiri.license = exports.LICENSE;
$('z-').onclick = function(ev) { rotateSelection(0,0,ev.shiftKey ? ROT5 : ROT) }; $('z-').onclick = function(ev) { rotateSelection(0,0,ev.shiftKey ? ROT5 : ROT) };
$('z+').onclick = function(ev) { rotateSelection(0,0,ev.shiftKey ? -ROT5 : -ROT) }; $('z+').onclick = function(ev) { rotateSelection(0,0,ev.shiftKey ? -ROT5 : -ROT) };
UI.viewModelOpacity.onchange = UI.viewModelOpacity.onclick = function(ev) { UI.modelOpacity.onchange = UI.modelOpacity.onclick = function(ev) {
setOpacity(parseInt(UI.viewModelOpacity.value)/100); setOpacity(parseInt(UI.modelOpacity.value)/100);
}; };
UI.layerSlider.ondblclick = function() { UI.layerSlider.ondblclick = function() {
@ -3768,10 +3804,11 @@ self.kiri.license = exports.LICENSE;
}); });
SPACE.mouse.onDrag(function(delta) { SPACE.mouse.onDrag(function(delta) {
if (delta && MODE === MODES.FDM) { if (delta && UI.freeLayout.checked) {
forSelectedWidgets(function(widget) { forSelectedWidgets(function(widget) {
widget.move(delta.x, delta.y, 0); widget.move(delta.x, delta.y, 0);
}); });
updateCamStock();
} else { } else {
return selectedMeshes.length > 0; return selectedMeshes.length > 0;
} }
@ -3800,6 +3837,10 @@ self.kiri.license = exports.LICENSE;
SPACE.view.setZoom(settings.controller.reverseZoom, settings.controller.zoomSpeed); SPACE.view.setZoom(settings.controller.reverseZoom, settings.controller.zoomSpeed);
SPACE.platform.setZOff(0.2); SPACE.platform.setZOff(0.2);
UI.groupImport.checked = settings.controller.groupImport;
UI.freeLayout.checked = settings.controller.freeLayout;
UI.autoLayout.checked = settings.controller.autoLayout;
if (SETUP.s) SETUP.s.forEach(function(lib) { if (SETUP.s) SETUP.s.forEach(function(lib) {
var scr = DOC.createElement('script'); var scr = DOC.createElement('script');
scr.setAttribute('async',true); scr.setAttribute('async',true);

2
js/license.js
View file

@ -1,7 +1,7 @@
var exports = { var exports = {
COPYRIGHT:"Copyright (C) 2014-2019 Stewart Allen <sa@grid.space> - All Rights Reserved", COPYRIGHT:"Copyright (C) 2014-2019 Stewart Allen <sa@grid.space> - All Rights Reserved",
LICENSE:"See the license.md file included with the source distribution", LICENSE:"See the license.md file included with the source distribution",
VERSION:"1.6.2" VERSION:"1.6.3"
}; };
if (!module) var module = {}; if (!module) var module = {};
module.exports = exports; module.exports = exports;

21
web/kiri/index.html
View file

@ -141,8 +141,8 @@
</div> </div>
</div> </div>
<!-- selection info --> <!-- selection info -->
<div id="selection"> <div id="widget-info">
<span> <span id="selection">
<label class="label">width:</label><label id="sel_width" class="value">mm</label> <label class="label">width:</label><label id="sel_width" class="value">mm</label>
<label class="label">depth:</label><label id="sel_depth" class="value">mm</label> <label class="label">depth:</label><label id="sel_depth" class="value">mm</label>
<label class="label">height:</label><label id="sel_height" class="value">mm</label> <label class="label">height:</label><label id="sel_height" class="value">mm</label>
@ -158,15 +158,22 @@
<button id="y+" title="hold SHIFT to rotate 5 degrees">y+</button><button id="y-" title="hold SHIFT to rotate 5 degrees">y-</button> <button id="y+" title="hold SHIFT to rotate 5 degrees">y+</button><button id="y-" title="hold SHIFT to rotate 5 degrees">y-</button>
<button id="z+" title="hold SHIFT to rotate 5 degrees">z+</button><button id="z-" title="hold SHIFT to rotate 5 degrees">z-</button> <button id="z+" title="hold SHIFT to rotate 5 degrees">z+</button><button id="z-" title="hold SHIFT to rotate 5 degrees">z-</button>
</span> </span>
<span id="stock">
<label class="label">stock</label>
<label id="stock-width" class="value">mm</label> x
<label id="stock-depth" class="value">mm</label> x
<label id="stock-height" class="value">mm</label>
</span>
</div> </div>
<!-- layer slider --> <!-- layer slider -->
<div id="layer-view" class="flow-row"> <div id="layer-view" class="flow-row">
<button id="layer-toggle">layers</button> <button id="layer-toggle" title="toggle layers">layers</button>
<div id="layers"></div> <div id="layers"></div>
<input id="layer-id" size="4"> <input id="layer-id" size="4" title="selected layer">
<input id="layer-slider" type="range"> <input id="layer-slider" type="range" title="layer selection">
<button id="layer-range">section</button> <button id="layer-range" title="toggle section view">section</button>
<input id="layer-span" size="4" value="1"> <input id="layer-span" size="4" value="1" title="layer span">
<input id="opacity" type="range" title="opacity" min=0 max=100>
</div> </div>
<!-- alert area --> <!-- alert area -->
<div id="alert-area"> <div id="alert-area">

21
web/kiri/style.css
View file

@ -34,32 +34,34 @@ select {
font-family: monospace; font-family: monospace;
white-space: pre; white-space: pre;
} }
#selection { #widget-info {
display: none;
text-align: center; text-align: center;
position: fixed; position: fixed;
width: 100%; width: 100%;
bottom: 3px; bottom: 3px;
} }
#selection span { #widget-info span {
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
padding: 3px 8px 8px 8px; padding: 3px 8px 8px 8px;
background-color: rgba(170,221,255,0.75); background-color: rgba(170,221,255,0.75);
color: rgba(0,0,0,0.5); color: rgba(0,0,0,0.5);
} }
#selection label { #widget-info label {
border: 0; border: 0;
} }
#selection .value { #widget-info .value {
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
color: black; color: black;
} }
#selection button { #widget-info button {
margin: 0 2px 0 2px !important; margin: 0 2px 0 2px !important;
border: 1px solid rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.75);
} }
#stock,#selection {
display: none;
}
#appid { #appid {
text-align: center; text-align: center;
position: fixed; position: fixed;
@ -598,10 +600,15 @@ button[import="1"] {
margin-left: 4px !important; margin-left: 4px !important;
margin-right: 4px !important; margin-right: 4px !important;
} }
#layer-slider { #opacity {
max-width: 75px;
}
#layer-slider,#opacity {
border: 0; border: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
}
#layer-slider {
flex-grow: 1; flex-grow: 1;
} }
#layers { #layers {

2
web/moto/style.css
View file

@ -204,7 +204,7 @@ button[del] {
#control-left { #control-left {
position: fixed; position: fixed;
z-index: 10000; z-index: 10000;
color: #eee; color: black;
top: 5px; top: 5px;
left: 0px; left: 0px;
padding: 5px; padding: 5px;