asdasd

partials/landing/main/material-matrix.php

@@ -43,10 +43,6 @@ $app->assets()->addScript('/assets/app.js', 'footer', true);
             <tr id="tableHead">
               <th>Material</th>
               <th>Eigenschaften</th>
-              <th>Tg °C</th>
-              <th>Düse</th>
-              <th>Platte</th>
-              <th>Zusatz</th>
               <th>Anwendung</th>
               <th>Kinder <span aria-hidden="true">👶</span></th>
               <th>Emission <span aria-hidden="true">🌫️</span></th>

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

public/assets/app.js

@@ -107,10 +107,6 @@
     const baseHead = [
       'Material',
       'Eigenschaften',
-      'Tg °C',
-      'Düse',
-      'Platte',
-      'Zusatz',
       'Anwendung',
       'Kinder <span aria-hidden="true">👶</span>',
       'Emission <span aria-hidden="true">🌫️</span>'
@@ -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 += `<td><strong>${escapeHtml(m.code)}</strong><div class="mm-sub">${escapeHtml(m.short_desc || '')}</div></td>`;
+      html += `<td title="${tooltip}"><strong>${escapeHtml(m.code)}</strong><div class="mm-sub">${escapeHtml(m.short_desc || '')}</div></td>`;
       html += `<td>${escapeHtml(m.properties || '')}</td>`;
-      html += `<td>${escapeHtml(m.tg_celsius || '–')}</td>`;
-      html += `<td>${escapeHtml(m.nozzle_req || '')}</td>`;
-      html += `<td>${escapeHtml(m.plate_req || '')}</td>`;
-      html += `<td>${escapeHtml(m.extra_req || '')}</td>`;
       html += `<td>${escapeHtml(m.application || '')}</td>`;
       html += `<td title="${escapeHtml(kid.text)}">${kid.icon}</td>`;
       html += `<td title="${escapeHtml(em.text)}">${em.icon}</td>`;