diff --git a/partials/landing/main/material-matrix.php b/partials/landing/main/material-matrix.php index 9863dd1..36263f5 100644 --- a/partials/landing/main/material-matrix.php +++ b/partials/landing/main/material-matrix.php @@ -43,10 +43,6 @@ $app->assets()->addScript('/assets/app.js', 'footer', true); Material Eigenschaften - Tg °C - Düse - Platte - Zusatz Anwendung Kinder Emission diff --git a/public/assets/app.css b/public/assets/app.css index dac55ee..c584e42 100644 --- a/public/assets/app.css +++ b/public/assets/app.css @@ -161,6 +161,10 @@ vertical-align: top; } +.mm-table tbody td[title] { + cursor: help; +} + .mm-table tbody tr:nth-child(even) { background: #fcfcff; } diff --git a/public/assets/app.js b/public/assets/app.js index fa29ad2..41f471f 100644 --- a/public/assets/app.js +++ b/public/assets/app.js @@ -107,10 +107,6 @@ const baseHead = [ 'Material', 'Eigenschaften', - 'Tg °C', - 'Düse', - 'Platte', - 'Zusatz', 'Anwendung', 'Kinder ', 'Emission ' @@ -146,13 +142,18 @@ ? { icon: '✅', text: 'niedrig' } : (m.emission === 'medium' ? { icon: '⚠️', text: 'mittel' } : { icon: '⛔', text: 'hoch' }); + const tooltipLines = [ + m.tg_celsius ? `Tg °C: ${m.tg_celsius}` : 'Tg °C: –', + m.nozzle_req ? `Düse: ${m.nozzle_req}` : 'Düse: –', + m.plate_req ? `Platte: ${m.plate_req}` : 'Platte: –', + m.extra_req ? `Zusatz: ${m.extra_req}` : 'Zusatz: –', + m.emission ? `Emission: ${m.emission}` : 'Emission: –' + ]; + const tooltip = escapeHtml(tooltipLines.join(' | ')); + let html = ''; - html += `${escapeHtml(m.code)}
${escapeHtml(m.short_desc || '')}
`; + html += `${escapeHtml(m.code)}
${escapeHtml(m.short_desc || '')}
`; html += `${escapeHtml(m.properties || '')}`; - html += `${escapeHtml(m.tg_celsius || '–')}`; - html += `${escapeHtml(m.nozzle_req || '')}`; - html += `${escapeHtml(m.plate_req || '')}`; - html += `${escapeHtml(m.extra_req || '')}`; html += `${escapeHtml(m.application || '')}`; html += `${kid.icon}`; html += `${em.icon}`;