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: c7b04f4 fix: alert banner — 'Spiega' button and title layout
This commit is contained in:
github-actions[bot]
2026-05-05 18:27:15 +00:00
parent 1b6c641629 c7b04f410b
commit cdfffc3b22
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+10 -3
View File
@@ -4915,7 +4915,8 @@ body.cooking-mode-active .app-header {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 10px; gap: 10px;
padding: 12px 12px 8px; padding: 12px 44px 8px 12px; /* right pad reserves space for abs-positioned close btn */
position: relative;
} }
.alert-banner-icon { .alert-banner-icon {
font-size: 1.5rem; font-size: 1.5rem;
@@ -4923,14 +4924,17 @@ body.cooking-mode-active .app-header {
line-height: 1; line-height: 1;
} }
.alert-banner-body { .alert-banner-body {
flex: 1; flex: 1 1 0;
min-width: 0; min-width: 0;
overflow: hidden;
} }
.alert-banner-title { .alert-banner-title {
font-weight: 700; font-weight: 700;
font-size: 0.95rem; font-size: 0.95rem;
color: #92400e; color: #92400e;
line-height: 1.3; line-height: 1.3;
word-break: break-word;
overflow-wrap: break-word;
} }
.banner-prediction .alert-banner-title { .banner-prediction .alert-banner-title {
color: #5b21b6; color: #5b21b6;
@@ -4942,7 +4946,9 @@ body.cooking-mode-active .app-header {
line-height: 1.4; line-height: 1.4;
} }
.alert-banner-close { .alert-banner-close {
flex-shrink: 0; position: absolute;
top: 10px;
right: 10px;
width: 28px; width: 28px;
height: 28px; height: 28px;
border-radius: 50%; border-radius: 50%;
@@ -4954,6 +4960,7 @@ body.cooking-mode-active .app-header {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #78716c; color: #78716c;
z-index: 1;
} }
.alert-banner-actions { .alert-banner-actions {
display: flex; display: flex;
assets/js/app.js
+2 -2
View File
@@ -3416,10 +3416,10 @@ async function explainBannerAnomaly() {
const an = entry.data; const an = entry.data;
// Show loading inline in the banner detail area // Show loading inline in the banner detail area
const detailEl = document.querySelector('#alert-banner .banner-detail'); const detailEl = document.getElementById('alert-banner-detail');
if (!detailEl) return; if (!detailEl) return;
const originalHtml = detailEl.innerHTML; const originalHtml = detailEl.innerHTML;
detailEl.innerHTML = '<em style="opacity:0.7">\ud83e\udd16 Analizzo…</em>'; detailEl.innerHTML = '<em style="opacity:0.7">\ud83e\udd16 Analizzo\u2026</em>';
// Disable the Spiega button to prevent double calls // Disable the Spiega button to prevent double calls
const explainBtn = document.querySelector('#alert-banner .btn-banner-ai'); const explainBtn = document.querySelector('#alert-banner .btn-banner-ai');