morgane/EverShelf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

chore: auto-merge develop → main

Browse Source 
Triggered by: e19c256 feat(cooking): show required tools/appliances bar in cooking mode
This commit is contained in:
github-actions[bot]
2026-05-16 10:00:18 +00:00
parent 6c0ae6627b e19c2564f6
commit 11d3209482
3 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+22
View File
@@ -4503,6 +4503,28 @@ body.cooking-mode-active .app-header {
}
.cooking-timers-bar::-webkit-scrollbar { display: none; }
.cooking-tools-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
padding: 7px 14px;
background: rgba(99,102,241,0.15);
border-bottom: 1px solid rgba(99,102,241,0.25);
flex-shrink: 0;
font-size: 0.78rem;
color: #c7d2fe;
}
.cooking-tool-chip {
background: rgba(99,102,241,0.25);
border: 1px solid rgba(99,102,241,0.4);
border-radius: 20px;
padding: 2px 9px;
font-size: 0.76rem;
color: #e0e7ff;
white-space: nowrap;
}
.cooking-timer-card {
display: flex;
align-items: center;
assets/js/app.js
+12
View File
@@ -12095,6 +12095,18 @@ function startCookingMode() {
_cookingTTS = true;
document.getElementById('cooking-title').textContent = _cookingRecipe.title || '';
document.getElementById('cooking-tts-btn').textContent = '🔊';
// Tools bar
const toolsBar = document.getElementById('cooking-tools-bar');
if (toolsBar) {
const tools = (_cookingRecipe.tools_needed || []).filter(t => t && t.trim());
if (tools.length > 0) {
toolsBar.innerHTML = '🔧 ' + tools.map(t => `<span class="cooking-tool-chip">${t}</span>`).join('');
toolsBar.style.display = '';
} else {
toolsBar.style.display = 'none';
toolsBar.innerHTML = '';
}
}
document.getElementById('cooking-overlay').style.display = 'flex';
document.body.classList.add('cooking-mode-active');
// Hide kiosk overlay — it lives outside <body> with z-index:2147483647 and would overlap cooking UI
index.html
+1
View File
@@ -1522,6 +1522,7 @@
<button class="cooking-tts-btn" id="cooking-tts-btn" onclick="toggleCookingTTS()" title="Leggi ad alta voce">🔊</button>
</div>
<div id="cooking-timers-bar" class="cooking-timers-bar" style="display:none"></div>
<div id="cooking-tools-bar" class="cooking-tools-bar" style="display:none"></div>
<div class="cooking-body">
<div class="cooking-step-header">
<div class="cooking-step-num" id="cooking-step-num">1 / 1</div>