Replace variant table with responsive grid

2026-08-05 14:39:46 +02:00
parent f0bd62d93e
commit 902f1927a2
5 changed files with 86 additions and 55 deletions
@@ -92,16 +92,12 @@

      <section class="data-panel main-workspace" aria-label="Catalog workspace">
        <div class="table-wrap">
-          <table class="variant-table">
-            <thead>
-              <tr id="variantHeader"></tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td class="empty-row" id="emptyTableMessage" colspan="13">Select manufacturer to load data.</td>
-              </tr>
-            </tbody>
-          </table>
+          <div class="variant-grid" role="table" aria-label="Product combinations">
+            <div class="variant-header" id="variantHeader" role="row"></div>
+            <div class="variant-rows" id="variantRows" role="rowgroup">
+              <div class="empty-row" id="emptyTableMessage" role="row">Select manufacturer to load data.</div>
+            </div>
+          </div>
        </div>
      </section>
    </main>