Add group-card h2 variant sandwich menu and align VSF page to component template
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user