Add group-card h2 variant sandwich menu and align VSF page to component template

This commit is contained in:
2026-05-28 11:34:37 +02:00
parent 0538f5d868
commit b71544d95f
4 changed files with 36 additions and 22 deletions
@@ -64,27 +64,6 @@
width: 100%;
}
.sg-vsf-list-detail-page__group-card-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-small);
width: 100%;
margin-bottom: var(--spacing-small);
}
.sg-vsf-list-detail-page__group-card-header .sg-group-card__heading {
flex: 1 1 auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: var(--card-segment-padding-horizontal);
}
.sg-vsf-list-detail-page__group-card-header .sg-sandwich-menu-wrap {
margin-right: var(--card-segment-padding-horizontal);
}
.sg-vsf-list-detail-page__notification-card.sg-vsf-list-detail-page__notification-card--hidden {
display: none;
}
+21
View File
@@ -171,6 +171,15 @@
margin-bottom: var(--spacing-large);
}
.sg-group-card__header-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-small);
width: 100%;
margin-bottom: var(--spacing-small);
}
.sg-group-card__heading {
flex: 0 0 100%;
margin-top: 0;
@@ -179,6 +188,18 @@
margin-left: var(--card-segment-padding-horizontal);
}
.sg-group-card__header-row .sg-group-card__heading {
flex: 1 1 auto;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: var(--card-segment-padding-horizontal);
}
.sg-group-card__header-row .sg-sandwich-menu-wrap {
margin-right: var(--card-segment-padding-horizontal);
}
.sg-page-cards .sg-preview-area {
display: flex;
flex-direction: column;