Add collapsible multi-column panels
This commit is contained in:
+9
-1
@@ -97,12 +97,20 @@
|
||||
</aside>
|
||||
|
||||
<section class="product-panel secondary-panel" aria-label="Product details">
|
||||
<div class="column-header">
|
||||
<span>Product details</span>
|
||||
<button class="column-toggle" id="secondaryPanelToggle" type="button" aria-expanded="true" aria-controls="fieldGrid" aria-label="Collapse product details" title="Collapse product details">‹</button>
|
||||
</div>
|
||||
<div class="field-grid" id="fieldGrid"></div>
|
||||
</section>
|
||||
|
||||
<section class="data-panel main-workspace" aria-label="Catalog workspace">
|
||||
<div class="column-header workspace-header">
|
||||
<span>Main workspace</span>
|
||||
<button class="column-toggle" id="mainWorkspaceToggle" type="button" aria-expanded="true" aria-controls="variantGrid" aria-label="Collapse main workspace" title="Collapse main workspace">›</button>
|
||||
</div>
|
||||
<div class="table-wrap">
|
||||
<div class="variant-grid" role="table" aria-label="Product combinations">
|
||||
<div class="variant-grid" id="variantGrid" 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>
|
||||
|
||||
Reference in New Issue
Block a user