diff --git a/theme/modules/image-card.module/_locales/en/messages.json b/theme/modules/image-card.module/_locales/en/messages.json index 056cedb..1b19ddd 100644 --- a/theme/modules/image-card.module/_locales/en/messages.json +++ b/theme/modules/image-card.module/_locales/en/messages.json @@ -1605,7 +1605,7 @@ "placeholders" : null }, "style.button.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -1620,7 +1620,7 @@ "placeholders" : null }, "style.button.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -2244,6 +2244,31 @@ "description" : "", "placeholders" : null }, + "style.cta.alignment.alignment.default.horizontal_align" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.cta.alignment.alignment.help_text" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.cta.alignment.alignment.inline_help_text" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.cta.alignment.alignment.label" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.cta.alignment.alignment.placeholder" : { + "message" : "", + "description" : null, + "placeholders" : null + }, "style.cta.alignment.inline.default" : { "message" : "", "description" : null, @@ -2775,7 +2800,7 @@ "placeholders" : null }, "style.heading.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -2790,7 +2815,7 @@ "placeholders" : null }, "style.heading.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -3145,7 +3170,7 @@ "placeholders" : null }, "style.icon.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -3160,7 +3185,7 @@ "placeholders" : null }, "style.icon.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -4225,7 +4250,7 @@ "placeholders" : null }, "style.link.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -4240,7 +4265,7 @@ "placeholders" : null }, "style.link.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -4754,6 +4779,11 @@ "description" : "", "placeholders" : null }, + "style.richtext.name" : { + "message" : "image-card", + "description" : "", + "placeholders" : null + }, "style.richtext.placeholder" : { "message" : "", "description" : "", @@ -4800,7 +4830,7 @@ "placeholders" : null }, "style.secondary_button.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -4815,7 +4845,7 @@ "placeholders" : null }, "style.secondary_button.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -5439,8 +5469,33 @@ "description" : "", "placeholders" : null }, + "style.secondary_cta.alignment.alignment.default.horizontal_align" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.secondary_cta.alignment.alignment.help_text" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.secondary_cta.alignment.alignment.inline_help_text" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.secondary_cta.alignment.alignment.label" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.secondary_cta.alignment.alignment.placeholder" : { + "message" : "", + "description" : null, + "placeholders" : null + }, "style.secondary_link.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -5455,7 +5510,7 @@ "placeholders" : null }, "style.secondary_link.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -5905,7 +5960,7 @@ "placeholders" : null }, "style.subheading.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -5920,7 +5975,7 @@ "placeholders" : null }, "style.subheading.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -6270,7 +6325,7 @@ "placeholders" : null }, "style.text.alignment.alignment.default.horizontal_align" : { - "message" : "LEFT", + "message" : "", "description" : "", "placeholders" : null }, @@ -6285,7 +6340,7 @@ "placeholders" : null }, "style.text.alignment.alignment.label" : { - "message" : "Alignment", + "message" : "", "description" : "", "placeholders" : null }, @@ -6834,6 +6889,31 @@ "description" : "", "placeholders" : null }, + "style.text_body.text.desktop_alignment.default" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.text_body.text.desktop_alignment.help_text" : { + "message" : "Align all text at once on desktop", + "description" : null, + "placeholders" : null + }, + "style.text_body.text.desktop_alignment.inline_help_text" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.text_body.text.desktop_alignment.label" : { + "message" : "", + "description" : null, + "placeholders" : null + }, + "style.text_body.text.desktop_alignment.placeholder" : { + "message" : "", + "description" : null, + "placeholders" : null + }, "style.text_body.text.help_text" : { "message" : "", "description" : "", @@ -6874,6 +6954,36 @@ "description" : "", "placeholders" : null }, + "style.text_body.text.mobile_alignment_copy.default.horizontal_align" : { + "message" : "LEFT", + "description" : "", + "placeholders" : null + }, + "style.text_body.text.mobile_alignment_copy.help_text" : { + "message" : "Align all text at once on mobile devices", + "description" : "", + "placeholders" : null + }, + "style.text_body.text.mobile_alignment_copy.inline_help_text" : { + "message" : "", + "description" : "", + "placeholders" : null + }, + "style.text_body.text.mobile_alignment_copy.label" : { + "message" : "Mobile alignment copy", + "description" : "", + "placeholders" : null + }, + "style.text_body.text.mobile_alignment_copy.placeholder" : { + "message" : "", + "description" : "", + "placeholders" : null + }, + "style.text_body.text.name" : { + "message" : "image-card", + "description" : "", + "placeholders" : null + }, "style.text_body.text.placeholder" : { "message" : "", "description" : "", diff --git a/theme/modules/image-card.module/fields.json b/theme/modules/image-card.module/fields.json index 5cd98ad..cbb879b 100644 --- a/theme/modules/image-card.module/fields.json +++ b/theme/modules/image-card.module/fields.json @@ -971,11 +971,24 @@ "required" : false, "locked" : false, "children" : [ { + "id" : "669ff5ac-7529-e86c-7bb0-f57bff0fd3ea", + "name" : "desktop_alignment", + "display_width" : null, + "label" : "Desktop alignment", + "help_text" : "Align all components at once on desktop. Will be overriden by individual alignment.", + "required" : false, + "locked" : false, + "alignment_direction" : "HORIZONTAL", + "type" : "alignment", + "default" : { + "horizontal_align" : "LEFT" + } + }, { "id" : "406f53b9-4775-b44f-6816-23d9adf5f3a4", "name" : "mobile_alignment", "display_width" : null, "label" : "Mobile alignment", - "help_text" : "Align all text at once on mobile devices", + "help_text" : "Align all components at once on mobile devices. Will be overriden by individual alignment.", "required" : false, "locked" : false, "alignment_direction" : "HORIZONTAL", @@ -988,6 +1001,9 @@ "expanded" : false, "type" : "group", "default" : { + "desktop_alignment" : { + "horizontal_align" : "LEFT" + }, "mobile_alignment" : { "horizontal_align" : "LEFT" } @@ -1023,6 +1039,9 @@ } }, "text" : { + "desktop_alignment" : { + "horizontal_align" : "LEFT" + }, "mobile_alignment" : { "horizontal_align" : "LEFT" } @@ -1118,7 +1137,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } ], "tab" : "STYLE", @@ -1126,7 +1145,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } }, { @@ -1288,7 +1307,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -1345,7 +1364,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } ], "tab" : "STYLE", @@ -1353,7 +1372,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } }, { @@ -1467,7 +1486,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -1520,7 +1539,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } ], "tab" : "STYLE", @@ -1528,7 +1547,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } }, { @@ -1754,7 +1773,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -1820,7 +1839,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } ], "tab" : "STYLE", @@ -1828,7 +1847,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } } }, { @@ -2054,7 +2073,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -2211,7 +2230,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "58a52428-371e-ce16-a218-9eec38853cfd", @@ -2230,7 +2249,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false } @@ -2520,7 +2539,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -2599,7 +2618,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "8a10a919-910c-27f9-9ae1-3212597273c8", @@ -2618,7 +2637,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false } @@ -2908,7 +2927,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -3035,7 +3054,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "style.button.button_full_width", @@ -3082,7 +3101,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -3404,7 +3423,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -3534,7 +3553,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "67bcef02-231a-ca6a-e1e7-a3226a6ba568", @@ -3581,7 +3600,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -3903,7 +3922,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -3985,7 +4004,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "b66ecb8c-17c3-5fa6-ded4-81e6441e7029", @@ -4003,7 +4022,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false } @@ -4035,7 +4054,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -4081,7 +4100,7 @@ "alignment_direction" : "HORIZONTAL", "type" : "alignment", "default" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, { "id" : "ff498406-ac6c-81b0-7897-67c9c45e0211", @@ -4099,7 +4118,7 @@ "type" : "group", "default" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false } @@ -4131,7 +4150,7 @@ "default" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -4237,6 +4256,9 @@ } }, "text" : { + "desktop_alignment" : { + "horizontal_align" : "LEFT" + }, "mobile_alignment" : { "horizontal_align" : "LEFT" } @@ -4250,7 +4272,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -4278,7 +4300,7 @@ "text" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -4302,7 +4324,7 @@ "heading" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -4339,7 +4361,7 @@ "subheading" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null } }, "spacing" : { @@ -4387,7 +4409,7 @@ "link" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -4429,7 +4451,7 @@ "secondary_link" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -4475,7 +4497,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -4524,7 +4546,7 @@ }, "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "full_width" : false, "inline" : false @@ -4569,7 +4591,7 @@ "cta" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, @@ -4578,7 +4600,7 @@ "secondary_cta" : { "alignment" : { "alignment" : { - "horizontal_align" : "LEFT" + "horizontal_align" : null }, "inline" : false }, diff --git a/theme/modules/image-card.module/module.html b/theme/modules/image-card.module/module.html index f0d0230..ba30788 100644 --- a/theme/modules/image-card.module/module.html +++ b/theme/modules/image-card.module/module.html @@ -64,6 +64,12 @@ .image-card-module__text-column { justify-content: {{module.style.text_body.alignment.inline_alignment}}; } + {# all text on desktop #} + .image-card-module__text-column > div, + .image-card-module__text-column .g-module-macros-richtext > div, + .image-card-module__text-column .g-module-macros-richtext p { + text-align: {{module.style.text_body.text.desktop_alignment.horizontal_align}}; + } } @media (max-width: 991.98px) { {# image column #} @@ -85,7 +91,7 @@ .image-card-module__text-column > div, .image-card-module__text-column .g-module-macros-richtext > div, .image-card-module__text-column .g-module-macros-richtext p { - text-align: {{module.style.text_body.text.mobile_alignment.horizontal_align}}!important; + text-align: {{module.style.text_body.text.mobile_alignment.horizontal_align}}; } {# inline links and buttons alignment #} .image-card-module__text-column { @@ -213,7 +219,7 @@ } .image-card-module__icon { - text-align: {{module.style.icon.alignment.alignment.horizontal_align}}; + text-align: {{module.style.icon.alignment.alignment.horizontal_align}}!important; {% if module.style.icon.background.color.css %} background-color: {{module.style.icon.background.color.css}}; {% endif %} @@ -221,26 +227,26 @@ } .image-card-module__text { + text-align: {{module.style.text.alignment.alignment.horizontal_align}}!important; {% if module.style.text.background.color.css %} background-color: {{module.style.text.background.color.css}}; {% endif %} - text-align: {{module.style.text.alignment.alignment.horizontal_align}}; {{module.style.text.spacing.spacing.css}} } .image-card-module__heading { + text-align: {{module.style.heading.alignment.alignment.horizontal_align}}!important; {% if module.style.heading.background.color.css %} background-color: {{module.style.heading.background.color.css}}; {% endif %} - text-align: {{module.style.heading.alignment.alignment.horizontal_align}}; {{module.style.heading.spacing.spacing.css}} } .image-card-module__subheading { + text-align: {{module.style.subheading.alignment.alignment.horizontal_align}}!important; {% if module.style.subheading.background.color.css %} background-color: {{module.style.subheading.background.color.css}}; {% endif %} - text-align: {{module.style.subheading.alignment.alignment.horizontal_align}}; {{module.style.subheading.spacing.spacing.css}} } @@ -252,7 +258,7 @@ } .image-card-module__link { - text-align: {{module.style.link.alignment.alignment.horizontal_align}}; + text-align: {{module.style.link.alignment.alignment.horizontal_align}}!important; {% if module.style.link.background.color.css %} background-color: {{module.style.link.background.color.css}}; {% endif %} @@ -260,7 +266,7 @@ } .image-card-module__secondary-link { - text-align: {{module.style.secondary_link.alignment.alignment.horizontal_align}}; + text-align: {{module.style.secondary_link.alignment.alignment.horizontal_align}}!important; {% if module.style.secondary_link.background.color.css %} background-color: {{module.style.secondary_link.background.color.css}}; {% endif %} @@ -268,7 +274,7 @@ } .image-card-module__button { - text-align: {{module.style.button.alignment.alignment.horizontal_align}}; + text-align: {{module.style.button.alignment.alignment.horizontal_align}}!important; {% if module.style.button.background.color.css %} background-color: {{module.style.button.background.color.css}}; {% endif %} @@ -276,7 +282,7 @@ } .image-card-module__secondary-button { - text-align: {{module.style.secondary_button.alignment.alignment.horizontal_align}}; + text-align: {{module.style.secondary_button.alignment.alignment.horizontal_align}}!important; {% if module.style.secondary_button.background.color.css %} background-color: {{module.style.secondary_button.background.color.css}}; {% endif %} @@ -284,12 +290,12 @@ } .image-card-module__cta { - text-align: {{module.style.cta.alignment.alignment.horizontal_align}}; + text-align: {{module.style.cta.alignment.alignment.horizontal_align}}!important; {{module.style.cta.spacing.spacing.css}} } .image-card-module__secondary-cta { - text-align: {{module.style.secondary_cta.alignment.alignment.horizontal_align}}; + text-align: {{module.style.secondary_cta.alignment.alignment.horizontal_align}}!important; {{module.style.secondary_cta.spacing.spacing.css}} }