Rename object group card variant
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
@@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user