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} | `;