From cc5e8810f1ce8c6e89f4085d1d69536daa0575c5 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 12 Jul 2023 15:45:00 -0500 Subject: [PATCH 1/2] fix(yalb-1297): update image styles --- .../config/sync/image.style.3_2_175.yml | 26 +++++++++++++++++++ .../config/sync/image.style.3_2_540.yml | 26 +++++++++++++++++++ .../config/sync/image.style.max_width_444.yml | 15 +++++++++++ .../config/sync/image.style.max_width_540.yml | 15 +++++++++++ ...ponsive_image.styles.card_featured_3_2.yml | 6 ++++- .../responsive_image.styles.card_list_3_2.yml | 6 ++++- ...onsive_image.styles.card_secondary_3_2.yml | 6 ++++- ...e.styles.text_with_image_feature_equal.yml | 10 ++++--- 8 files changed, 104 insertions(+), 6 deletions(-) create mode 100644 web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_175.yml create mode 100644 web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_540.yml create mode 100644 web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_444.yml create mode 100644 web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_540.yml diff --git a/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_175.yml b/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_175.yml new file mode 100644 index 0000000000..a22de17470 --- /dev/null +++ b/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_175.yml @@ -0,0 +1,26 @@ +uuid: e3735d1b-89cc-4c70-8d33-b2d5bc317ead +langcode: en +status: true +dependencies: + config: + - crop.type.card_3_2 + module: + - crop +name: '3_2_175' +label: '3:2 (175)' +effects: + ee8ef942-0610-41d1-91a4-c5a3f845b8c1: + uuid: ee8ef942-0610-41d1-91a4-c5a3f845b8c1 + id: crop_crop + weight: 1 + data: + crop_type: card_3_2 + automatic_crop_provider: null + 54d39acd-3cb2-4047-b307-681b72c26411: + uuid: 54d39acd-3cb2-4047-b307-681b72c26411 + id: image_scale_and_crop + weight: 2 + data: + width: 175 + height: 116 + anchor: center-center diff --git a/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_540.yml b/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_540.yml new file mode 100644 index 0000000000..e9b682785e --- /dev/null +++ b/web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_540.yml @@ -0,0 +1,26 @@ +uuid: e4750452-f1fb-48f7-ade6-d7e8b6a2170b +langcode: en +status: true +dependencies: + config: + - crop.type.card_3_2 + module: + - crop +name: '3_2_540' +label: '3:2 (540)' +effects: + 6dd6d0ec-cb48-4f87-b423-73bf8f81ca4a: + uuid: 6dd6d0ec-cb48-4f87-b423-73bf8f81ca4a + id: crop_crop + weight: 1 + data: + crop_type: card_3_2 + automatic_crop_provider: null + 68d511f4-3c59-4dea-9368-9e52a83a7153: + uuid: 68d511f4-3c59-4dea-9368-9e52a83a7153 + id: image_scale + weight: 2 + data: + width: 540 + height: 359 + upscale: false diff --git a/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_444.yml b/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_444.yml new file mode 100644 index 0000000000..1cae374b94 --- /dev/null +++ b/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_444.yml @@ -0,0 +1,15 @@ +uuid: f364d8d2-036a-4205-8de9-0fd5aaed7c45 +langcode: en +status: true +dependencies: { } +name: max_width_444 +label: 'Max-width (444)' +effects: + 57247436-15fc-4d99-9875-fdb7195c1343: + uuid: 57247436-15fc-4d99-9875-fdb7195c1343 + id: image_scale + weight: 1 + data: + width: 444 + height: null + upscale: false diff --git a/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_540.yml b/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_540.yml new file mode 100644 index 0000000000..116f58c2c0 --- /dev/null +++ b/web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_540.yml @@ -0,0 +1,15 @@ +uuid: facf799f-af7f-47e5-a7a6-ef6d44746083 +langcode: en +status: true +dependencies: { } +name: max_width_540 +label: 'Max-width (540)' +effects: + 2e977dbc-d875-4daf-a052-b71173db9f22: + uuid: 2e977dbc-d875-4daf-a052-b71173db9f22 + id: image_scale + weight: 1 + data: + width: 540 + height: null + upscale: false diff --git a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_featured_3_2.yml b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_featured_3_2.yml index a3d949102d..1a77f31a89 100644 --- a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_featured_3_2.yml +++ b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_featured_3_2.yml @@ -7,6 +7,7 @@ dependencies: - image.style.3_2_1280 - image.style.3_2_1440 - image.style.3_2_1600 + - image.style.3_2_175 - image.style.3_2_1760 - image.style.3_2_1920 - image.style.3_2_2080 @@ -14,6 +15,7 @@ dependencies: - image.style.3_2_2400 - image.style.3_2_320 - image.style.3_2_480 + - image.style.3_2_540 - image.style.3_2_640 - image.style.3_2_800 - image.style.3_2_960 @@ -23,12 +25,13 @@ image_style_mappings: - image_mapping_type: sizes image_mapping: - sizes: '(min-width: 2528px) 768px, (min-width: 992px) 30vw, 96vw' + sizes: '(min-width: 1344px) 768px, (min-width: 992px) 30vw, 96vw' sizes_image_styles: - '3_2_1120' - '3_2_1280' - '3_2_1440' - '3_2_1600' + - '3_2_175' - '3_2_1760' - '3_2_1920' - '3_2_2080' @@ -36,6 +39,7 @@ image_style_mappings: - '3_2_2400' - '3_2_320' - '3_2_480' + - '3_2_540' - '3_2_640' - '3_2_800' - '3_2_960' diff --git a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_list_3_2.yml b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_list_3_2.yml index f602aa0dbd..37f07a0c25 100644 --- a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_list_3_2.yml +++ b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_list_3_2.yml @@ -7,6 +7,7 @@ dependencies: - image.style.3_2_1280 - image.style.3_2_1440 - image.style.3_2_1600 + - image.style.3_2_175 - image.style.3_2_1760 - image.style.3_2_1920 - image.style.3_2_2080 @@ -14,6 +15,7 @@ dependencies: - image.style.3_2_2400 - image.style.3_2_320 - image.style.3_2_480 + - image.style.3_2_540 - image.style.3_2_640 - image.style.3_2_800 - image.style.3_2_960 @@ -23,12 +25,14 @@ image_style_mappings: - image_mapping_type: sizes image_mapping: - sizes: '(min-width: 2528px) 792px, (min-width: 992px) 32vw, 96vw' + sizes: '(min-width: 1344px) 540px, (min-width: 992px) 32vw, 50vw' sizes_image_styles: + - '3_2_540' - '3_2_1120' - '3_2_1280' - '3_2_1440' - '3_2_1600' + - '3_2_175' - '3_2_1760' - '3_2_1920' - '3_2_2080' diff --git a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_secondary_3_2.yml b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_secondary_3_2.yml index 7c53a6b7aa..08ea71ed5d 100644 --- a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_secondary_3_2.yml +++ b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_secondary_3_2.yml @@ -7,6 +7,7 @@ dependencies: - image.style.3_2_1280 - image.style.3_2_1440 - image.style.3_2_1600 + - image.style.3_2_175 - image.style.3_2_1760 - image.style.3_2_1920 - image.style.3_2_2080 @@ -14,6 +15,7 @@ dependencies: - image.style.3_2_2400 - image.style.3_2_320 - image.style.3_2_480 + - image.style.3_2_540 - image.style.3_2_640 - image.style.3_2_800 - image.style.3_2_960 @@ -23,12 +25,13 @@ image_style_mappings: - image_mapping_type: sizes image_mapping: - sizes: '(min-width: 2528px) 576px, (min-width: 992px) 22vw, 96vw' + sizes: '(min-width: 1344px) 480px, (min-width: 500px) 320px, (min-width: 400px) 175px, 100vw' sizes_image_styles: - '3_2_1120' - '3_2_1280' - '3_2_1440' - '3_2_1600' + - '3_2_175' - '3_2_1760' - '3_2_1920' - '3_2_2080' @@ -36,6 +39,7 @@ image_style_mappings: - '3_2_2400' - '3_2_320' - '3_2_480' + - '3_2_540' - '3_2_640' - '3_2_800' - '3_2_960' diff --git a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.text_with_image_feature_equal.yml b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.text_with_image_feature_equal.yml index 7693bc2151..15d195f08b 100644 --- a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.text_with_image_feature_equal.yml +++ b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.text_with_image_feature_equal.yml @@ -13,19 +13,22 @@ dependencies: - image.style.max_width_2240 - image.style.max_width_2400 - image.style.max_width_320 + - image.style.max_width_444 - image.style.max_width_480 + - image.style.max_width_540 - image.style.max_width_640 - image.style.max_width_800 - image.style.max_width_896 - image.style.max_width_960 id: text_with_image_feature_equal -label: 'Text with Image | Feature | Equal' +label: 'Text with Image - Feature - Equal' image_style_mappings: - image_mapping_type: sizes image_mapping: - sizes: '(min-width: 1408px): 660px, (min-width: 992px): 47vw, 96vw' + sizes: '(min-width: 1500px) 800px,(min-width: 1408px) 540px, (min-width: 992px) 444px, 96vw' sizes_image_styles: + - max_width_320 - max_width_1120 - max_width_1280 - max_width_1440 @@ -35,8 +38,9 @@ image_style_mappings: - max_width_2080 - max_width_2240 - max_width_2400 - - max_width_320 + - max_width_444 - max_width_480 + - max_width_540 - max_width_640 - max_width_800 - max_width_896 From 5613122ab830a908f89621796e19a4923dac28e8 Mon Sep 17 00:00:00 2001 From: Joe Tower Date: Wed, 12 Jul 2023 16:25:53 -0500 Subject: [PATCH 2/2] fix(yalb-1297): update banner responsive image style --- .../config/sync/responsive_image.styles.banner_16_5_.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.banner_16_5_.yml b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.banner_16_5_.yml index 9e919cd13b..6dade53a32 100644 --- a/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.banner_16_5_.yml +++ b/web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.banner_16_5_.yml @@ -23,9 +23,8 @@ image_style_mappings: - image_mapping_type: sizes image_mapping: - sizes: 100vw + sizes: '(min-width: 2400px) 2400px, 100vw' sizes_image_styles: - - '16_5_2400' - '16_5_1120' - '16_5_1280' - '16_5_1440' @@ -34,6 +33,7 @@ image_style_mappings: - '16_5_1920' - '16_5_2080' - '16_5_2240' + - '16_5_2400' - '16_5_320' - '16_5_480' - '16_5_640'