feat(Naked & Small Naked Card): Inner padding right in card content (#…

…1040)
Telefonica · Mar 13, 2024 · d97ea17 · d97ea17
1 parent d070a25
commit d97ea17
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 0 deletions.
diff --git a/...age_snapshots__/naked-card-screenshot-test-tsx-naked-card-with-extra-1-snap.png b/...age_snapshots__/naked-card-screenshot-test-tsx-naked-card-with-extra-1-snap.png
diff --git a/...rd-screenshot-test-tsx-naked-card-with-large-font-size-in-mobile-ios-1-snap.png b/...rd-screenshot-test-tsx-naked-card-with-large-font-size-in-mobile-ios-1-snap.png
diff --git a/...apshots__/naked-card-screenshot-test-tsx-small-naked-card-with-extra-1-snap.png b/...apshots__/naked-card-screenshot-test-tsx-small-naked-card-with-extra-1-snap.png
diff --git a/...eenshot-test-tsx-small-naked-card-with-large-font-size-in-mobile-ios-1-snap.png b/...eenshot-test-tsx-small-naked-card-with-large-font-size-in-mobile-ios-1-snap.png
diff --git a/src/card.css.ts b/src/card.css.ts
@@ -230,6 +230,7 @@ export const nakedCardContent = style([
  flexDirection: 'column',
  justifyContent: 'space-between',
  paddingTop: 16,
+ paddingRight: 16,
  }),
  {
  transition: 'opacity 0.1s ease-in-out',
@@ -254,6 +255,9 @@ export const nakedCardContent = style([
  [mq.touchableOnly]: {
  transition: 'none',
  },
+ [mq.desktopOrBigger]: {
+ paddingRight: 8,
+ },
  },
  },
 ]);