Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

YALB-1297: Media: Verify images are using optimized styles #351

Merged
merged 2 commits into from
Jul 14, 2023
Merged

YALB-1297: Media: Verify images are using optimized styles #351

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cc5e881
fix(yalb-1297): update image styles
joetower Jul 12, 2023
5613122
fix(yalb-1297): update banner responsive image style
joetower Jul 12, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 26 additions & 0 deletions web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_175.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
26 changes: 26 additions & 0 deletions web/profiles/custom/yalesites_profile/config/sync/image.style.3_2_540.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
15 changes: 15 additions & 0 deletions web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_444.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
15 changes: 15 additions & 0 deletions web/profiles/custom/yalesites_profile/config/sync/image.style.max_width_540.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
4 changes: 2 additions & 2 deletions web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.banner_16_5_.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand All @@ -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'
Expand Down
6 changes: 5 additions & 1 deletion ...ofiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_featured_3_2.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ 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
- image.style.3_2_2240
- 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
Expand All @@ -23,19 +25,21 @@ 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'
- '3_2_2240'
- '3_2_2400'
- '3_2_320'
- '3_2_480'
- '3_2_540'
- '3_2_640'
- '3_2_800'
- '3_2_960'
Expand Down
6 changes: 5 additions & 1 deletion web/profiles/custom/yalesites_profile/config/sync/responsive_image.styles.card_list_3_2.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ 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
- image.style.3_2_2240
- 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
Expand All @@ -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'
Expand Down
6 changes: 5 additions & 1 deletion ...files/custom/yalesites_profile/config/sync/responsive_image.styles.card_secondary_3_2.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,15 @@ 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
- image.style.3_2_2240
- 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
Expand All @@ -23,19 +25,21 @@ 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'
- '3_2_2240'
- '3_2_2400'
- '3_2_320'
- '3_2_480'
- '3_2_540'
- '3_2_640'
- '3_2_800'
- '3_2_960'
Expand Down
10 changes: 7 additions & 3 deletions ...m/yalesites_profile/config/sync/responsive_image.styles.text_with_image_feature_equal.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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
Expand Down