@@ -95,6 +101,14 @@ export default {
type: String,
default: null,
},
+ imageWidth: {
+ type: String,
+ default: '',
+ },
+ imageHeight: {
+ type: String,
+ default: '',
+ },
lang: {
type: String,
default: 'en',
diff --git a/packages/marko-web-theme-monorail/browser/idx-newsletter-form/pushdown.vue b/packages/marko-web-theme-monorail/browser/idx-newsletter-form/pushdown.vue
index 77e8673f5..677fe4776 100644
--- a/packages/marko-web-theme-monorail/browser/idx-newsletter-form/pushdown.vue
+++ b/packages/marko-web-theme-monorail/browser/idx-newsletter-form/pushdown.vue
@@ -9,6 +9,8 @@
:srcset="imageSrcset"
:alt="name"
:class="element('image')"
+ :width="imageWidth"
+ :height="imageHeight"
>
@@ -91,6 +93,14 @@ export default {
type: String,
default: null,
},
+ imageWidth: {
+ type: String,
+ default: '',
+ },
+ imageHeight: {
+ type: String,
+ default: '',
+ },
initiallyExpanded: {
type: Boolean,
default: false,
diff --git a/packages/marko-web-theme-monorail/components/blocks/native-x-promo-card.marko b/packages/marko-web-theme-monorail/components/blocks/native-x-promo-card.marko
index 7bbfbfa5b..f31cba03c 100644
--- a/packages/marko-web-theme-monorail/components/blocks/native-x-promo-card.marko
+++ b/packages/marko-web-theme-monorail/components/blocks/native-x-promo-card.marko
@@ -15,12 +15,20 @@ $ const placement = nxConfig.getPlacement({ name: placementName, aliases });
-
+
-
+
diff --git a/packages/marko-web-theme-monorail/components/identity-x/newsletter-pushdown.marko b/packages/marko-web-theme-monorail/components/identity-x/newsletter-pushdown.marko
index 7feee0428..3eceee77b 100644
--- a/packages/marko-web-theme-monorail/components/identity-x/newsletter-pushdown.marko
+++ b/packages/marko-web-theme-monorail/components/identity-x/newsletter-pushdown.marko
@@ -38,6 +38,8 @@ $ const imageSrcset = imageSrc ? `${imageSrc}&dpr=2 2x` : null;
disabled,
imageSrc,
imageSrcset,
+ imageWidth: input.imageWidth,
+ imageHeight: input.imageHeight,
initiallyExpanded,
lang,
additionalEventData,
diff --git a/packages/marko-web-theme-monorail/components/nodes/standard-promo.marko b/packages/marko-web-theme-monorail/components/nodes/standard-promo.marko
index 2b50ee12e..831ba7b81 100644
--- a/packages/marko-web-theme-monorail/components/nodes/standard-promo.marko
+++ b/packages/marko-web-theme-monorail/components/nodes/standard-promo.marko
@@ -1,7 +1,7 @@
import { get } from "@parameter1/base-cms-object-path";
import defaultValue from "@parameter1/base-cms-marko-core/utils/default-value";
-$ const { node } = input;
+$ const { node, imageWidth, imageHeight } = input;
$ const linkText = get(node, "linkText") || defaultValue(input.linkText, "Read More");
$ const blockName = defaultValue(input.blockName, "pib-page-card");
@@ -31,6 +31,7 @@ $ const blockName = defaultValue(input.blockName, "pib-page-card");
src=node.primaryImage.src
srcset=[`${node.primaryImage.src}&dpr=2 2x`]
alt=node.primaryImage.alt
+ attrs={ width: imageWidth, height: imageHeight }
/>
diff --git a/packages/marko-web-theme-monorail/utils/site-idx-newsletter-menu-props.js b/packages/marko-web-theme-monorail/utils/site-idx-newsletter-menu-props.js
index 291437c83..593a92f5a 100644
--- a/packages/marko-web-theme-monorail/utils/site-idx-newsletter-menu-props.js
+++ b/packages/marko-web-theme-monorail/utils/site-idx-newsletter-menu-props.js
@@ -33,6 +33,8 @@ module.exports = ({ out, input }) => {
return {
...((withImage && imageSrc) && { imageSrc }),
...((withImage && imageSrcset) && { imageSrcset }),
+ imageWidth: defaultValue(input.imageWidth, ''),
+ imageHeight: defaultValue(input.imageHeight, ''),
siteName: config.website('name'),
name,
description,