fix: update style condition to make the style adjustment happen only …

…for full-page card (#1899)
cloudscape-design · Jan 19, 2024 · 43d1987 · 43d1987
1 parent b326e54
commit 43d1987
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/cards/index.tsx b/src/cards/index.tsx
@@ -172,6 +172,7 @@ const Cards = React.forwardRef(function <T = any>(
               className={clsx(
                 hasToolsHeader && styles['has-header'],
                 isRefresh && styles.refresh,
+                styles[`header-variant-${computedVariant}`],
                 shouldRemoveHighContrastHeader && styles['remove-high-contrast-header']
               )}
             >

diff --git a/src/cards/styles.scss b/src/cards/styles.scss
@@ -89,8 +89,10 @@
   // in order to use margin-bottom instead.
   margin-top: awsui.$space-grid-gutter;
   &.refresh {
-    &.remove-high-contrast-header {
-      margin-top: awsui.$space-scaled-s;
+    &.header-variant-full-page {
+      &.remove-high-contrast-header {
+        margin-top: awsui.$space-scaled-s;
+      }
     }
   }
 }