diff --git a/patterns/vsf-card-listen-seite.html b/patterns/vsf-card-listen-seite.html index 8b31a48..3eea240 100644 --- a/patterns/vsf-card-listen-seite.html +++ b/patterns/vsf-card-listen-seite.html @@ -683,11 +683,11 @@ -
-
+
+

Western Digital Corporation

-
+

Ticker: WDC
@@ -701,7 +701,7 @@

-
diff --git a/styleguide.css b/styleguide.css index f10bf95..af6cd74 100644 --- a/styleguide.css +++ b/styleguide.css @@ -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; }