gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebuild VSF drawer card on base card pattern without object-card layout rules

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-21 11:59:23 +02:00
parent 87556f8188
commit 2a58f9228b
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styleguide.css
+11 -13
View File
@@ -2085,13 +2085,12 @@ section + section {
width: 100%;
}
.sg-vsf-drawer-object-card {
.sg-vsf-drawer-card {
--surface-card-header-primary: var(--surface-vsf-drawer-object-card-header);
--surface-card: var(--surface-vsf-drawer-object-card-body);
--surface-object-card-lower-segment: var(--surface-vsf-drawer-object-card-body);
--surface-card-body: var(--surface-vsf-drawer-object-card-body);
--text-card-header: var(--text-vsf-drawer-object-card-heading);
--text-card-body: var(--text-vsf-drawer-object-card-body);
--layout-object-card-height: auto;
width: 100%;
min-width: 0;
max-width: none;
@@ -2099,27 +2098,26 @@ section + section {
height: auto;
}
.sg-vsf-drawer-object-card .sg-card-segment--body.sg-object-card__content {
color: var(--text-vsf-drawer-object-card-body);
flex: 0 0 auto;
}
.sg-vsf-drawer-object-card .sg-text-layout-pattern__two-column,
.sg-vsf-drawer-object-card .sg-text-layout-pattern__column {
.sg-vsf-drawer-card__content {
color: var(--text-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-object-card .sg-text-layout-pattern__two-column {
.sg-vsf-drawer-card .sg-text-layout-pattern__two-column,
.sg-vsf-drawer-card .sg-text-layout-pattern__column {
color: var(--text-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-card .sg-text-layout-pattern__two-column {
gap: var(--layout-vsf-drawer-object-card-column-gap);
}
.sg-vsf-drawer-object-card .sg-card-segment--body.sg-object-card__actions-segment {
.sg-vsf-drawer-card__actions-segment {
display: flex;
justify-content: flex-start;
background: var(--surface-vsf-drawer-object-card-body);
}
.sg-vsf-drawer-object-card .sg-card-segment--body.sg-object-card__actions-segment .sg-interaction-element.sg-button {
.sg-vsf-drawer-card__actions-segment .sg-interaction-element.sg-button {
height: auto;
}