keep scale, rotate, extruders menus present but disabled when not usable
This commit is contained in:
parent
a87cfe2b8e
commit
ece3e3367f
4 changed files with 27 additions and 19 deletions
|
|
@ -1129,7 +1129,6 @@
|
|||
focuser: $('focuser'),
|
||||
|
||||
container: container,
|
||||
menusep: $('lt-sep'),
|
||||
rotate: $('lt-rotate'),
|
||||
scale: $('lt-scale'),
|
||||
nozzle: $('lt-nozzle'),
|
||||
|
|
|
|||
|
|
@ -1048,13 +1048,19 @@
|
|||
}
|
||||
|
||||
function platformUpdateSelected() {
|
||||
let selcount = platform.selected_count();
|
||||
let extruders = settings.device.extruders;
|
||||
let menu_show = platform.selected_count() ? 'flex': '';
|
||||
let ext_show = platform.selected_count() && MODE === 'FDM' ? 'flex': '';
|
||||
UI.scale.style.display = menu_show;
|
||||
UI.rotate.style.display = menu_show;
|
||||
UI.nozzle.style.display = extruders && extruders.length > 1 ? menu_show : '';
|
||||
UI.menusep.style.display = menu_show;
|
||||
let menu_show = selcount ? 'flex': '';
|
||||
if (selcount) {
|
||||
UI.scale.classList.add('lt-enabled');
|
||||
UI.rotate.classList.add('lt-enabled');
|
||||
UI.nozzle.classList.add('lt-enabled');
|
||||
} else {
|
||||
UI.scale.classList.remove('lt-enabled');
|
||||
UI.rotate.classList.remove('lt-enabled');
|
||||
UI.nozzle.classList.remove('lt-enabled');
|
||||
}
|
||||
UI.nozzle.style.display = extruders && extruders.length > 1 ? 'flex' : '';
|
||||
if (extruders) {
|
||||
for (let i=0; i<extruders.length; i++) {
|
||||
let b = $(`sel-ext-${i}`);
|
||||
|
|
|
|||
|
|
@ -388,7 +388,7 @@ th, tr, td {
|
|||
padding: 5px 5px 5px 10px;
|
||||
border: 1px solid rgba(0,0,0,0);
|
||||
border-radius: 3px;
|
||||
color: var(--fg-gray);
|
||||
color: #ccc;
|
||||
left: -5px;
|
||||
background-color: rgba(255,255,255,0.75);
|
||||
}
|
||||
|
|
@ -399,12 +399,15 @@ th, tr, td {
|
|||
.lt-menu label {
|
||||
font-size: smaller;
|
||||
}
|
||||
.lt-menu:hover {
|
||||
.lt-enabled {
|
||||
color: var(--fg-gray);
|
||||
}
|
||||
.lt-enabled:hover {
|
||||
background-color: #eee;
|
||||
border: 1px solid #aaa;
|
||||
color: #000;
|
||||
}
|
||||
.lt-menu:hover .pop-lcol {
|
||||
.lt-enabled:hover .pop-lcol {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
<i class="fas fa-arrow-circle-left"></i>
|
||||
</div>
|
||||
<div id="lt-top"></div>
|
||||
<div id="lt-setup" class="lt-menu">
|
||||
<div id="lt-setup" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-cogs"></i>
|
||||
<label>setup</label>
|
||||
<div id="set-pop" class="pop-lcol row">
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-file" class="lt-menu">
|
||||
<div id="lt-file" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-folder"></i>
|
||||
<label>files</label>
|
||||
<div id="file-pop" class="pop-lcol row">
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-view" class="lt-menu">
|
||||
<div id="lt-view" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-eye"></i>
|
||||
<label>view</label>
|
||||
<div id="pop-view" class="pop-lcol row">
|
||||
|
|
@ -120,20 +120,20 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="act-sep"></div>
|
||||
<div id="act-slice" class="lt-menu">
|
||||
<div id="act-slice" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-bars"></i>
|
||||
<label>slice</label>
|
||||
</div>
|
||||
<div id="act-preview" class="lt-menu">
|
||||
<div id="act-preview" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-cubes"></i>
|
||||
<label>preview</label>
|
||||
</div>
|
||||
<div id="act-export" class="lt-menu">
|
||||
<div id="act-export" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-file-download"></i>
|
||||
<label>export</label>
|
||||
</div>
|
||||
<div id="lt-sep" class="noshow"></div>
|
||||
<div id="lt-rotate" class="lt-menu noshow">
|
||||
<div id="lt-sep"></div>
|
||||
<div id="lt-rotate" class="lt-menu">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
<label>rotate</label>
|
||||
<div id="pop-rotate" class="pop-lcol row fillh russo">
|
||||
|
|
@ -151,7 +151,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-scale" class="lt-menu noshow">
|
||||
<div id="lt-scale" class="lt-menu">
|
||||
<i class="fas fa-expand"></i>
|
||||
<label>scale</label>
|
||||
<div id="pop-scale" class="pop-lcol row fillh russo">
|
||||
|
|
|
|||
Loading…
Reference in a new issue