Rename object group card variant

This commit is contained in:
2026-06-12 09:02:29 +02:00
parent 66868c3c80
commit b989195cfd
2 changed files with 8 additions and 8 deletions
+7 -7
View File
@@ -90,16 +90,16 @@
</div> </div>
</section> </section>
<section id="pattern-object-group-card-height-600"> <section id="pattern-list-group-card-height-600">
<p class="sg-preview-label">Pattern: Object Group Card</p> <p class="sg-preview-label">Pattern: List Group Card</p>
<p class="sg-body sg-object-group-card__hint">Variante: identisch, nur die Höhe ist 600px.</p> <p class="sg-body sg-object-group-card__hint">Variante: List Group Card, identisch, nur die Höhe ist 600px.</p>
<div class="sg-object-card-grid sg-object-group-card--height-600" aria-label="Objekt Group Card Höhe 600px"></div> <div class="sg-object-card-grid sg-list-group-card--height-600" aria-label="List Group Card Höhe 600px"></div>
</section> </section>
<script> <script>
const populateObjectGroupCardVariant = () => { const populateListGroupCardVariant = () => {
const sourceGrid = document.querySelector('#pattern-object-group-card .sg-object-card-grid'); const sourceGrid = document.querySelector('#pattern-object-group-card .sg-object-card-grid');
const variantGrid = document.querySelector('#pattern-object-group-card-height-600 .sg-object-card-grid'); const variantGrid = document.querySelector('#pattern-list-group-card-height-600 .sg-object-card-grid');
if (!sourceGrid || !variantGrid || variantGrid.children.length > 0) { if (!sourceGrid || !variantGrid || variantGrid.children.length > 0) {
return; return;
@@ -142,7 +142,7 @@
}; };
window.addEventListener('load', () => { window.addEventListener('load', () => {
populateObjectGroupCardVariant(); populateListGroupCardVariant();
updateObjectCardGridRowState(); updateObjectCardGridRowState();
}); });
window.addEventListener('resize', updateObjectCardGridRowState); window.addEventListener('resize', updateObjectCardGridRowState);
+1 -1
View File
@@ -13,7 +13,7 @@
height: var(--layout-object-group-card-height); height: var(--layout-object-group-card-height);
} }
.sg-object-group-card--height-600 .sg-object-card[data-pattern="object-group-card"] { .sg-list-group-card--height-600 .sg-object-card[data-pattern="object-group-card"] {
height: var(--layout-object-card-height); height: var(--layout-object-card-height);
} }