diff --git a/app/styles/components/speaker-list.scss b/app/styles/components/speaker-list.scss index 322629a802b..ad1733a852c 100644 --- a/app/styles/components/speaker-list.scss +++ b/app/styles/components/speaker-list.scss @@ -13,3 +13,19 @@ .word-break { overflow-wrap: break-word; } + +.thumbnail-square { + height: 220px; + overflow: hidden; + position: relative; + width: 220px; +} + +.thumbnail-square img { + height: 100%; + left: 50%; + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + width: auto; +} diff --git a/app/templates/components/forms/session-speaker-form.hbs b/app/templates/components/forms/session-speaker-form.hbs index 1611a69b6cb..0a40f2a5391 100644 --- a/app/templates/components/forms/session-speaker-form.hbs +++ b/app/templates/components/forms/session-speaker-form.hbs @@ -146,11 +146,15 @@ {{#if (eq field.type 'image')}} {{widgets/forms/image-upload imageUrl=(mut (get data.speaker field.fieldIdentifier)) - label=(t 'Logo') + needsCropper=true + label=(t 'Speaker Image') id=(if field.isRequired (concat 'speaker_' field.fieldIdentifier '_required') (concat 'speaker_' field.fieldIdentifier)) icon='image' + aspectRatio = (array 2 2) hint=(t 'Select an image') - maxSizeInKb=1000}} + maxSizeInKb=1000 + helpText=(t 'We recommend using a 1:1 ratio image') + requiresDivider=true}} {{/if}} {{#if (eq field.type 'select')}} {{#if (eq field.fieldIdentifier 'country')}} @@ -239,12 +243,16 @@ {{/if}} {{#if (eq field.type 'image')}} {{widgets/forms/image-upload - imageUrl=(mut (get data.speaker field.fieldIdentifier)) - label=(t 'Logo') - id=(if field.isRequired (concat 'speaker_' field.fieldIdentifier '_required') (concat 'speaker_' field.fieldIdentifier)) - icon='image' - hint=(t 'Select an image') - maxSizeInKb=1000}} + imageUrl=(mut (get data.speaker field.fieldIdentifier)) + needsCropper=true + label=(t 'Speaker Image') + id=(if field.isRequired (concat 'speaker_' field.fieldIdentifier '_required') (concat 'speaker_' field.fieldIdentifier)) + icon='image' + aspectRatio = (array 2 2) + hint=(t 'Select an image') + maxSizeInKb=1000 + helpText=(t 'We recommend using a 1:1 ratio image') + requiresDivider=true}} {{/if}} {{#if (eq field.type 'select')}} {{#if (eq field.fieldIdentifier 'country')}} diff --git a/app/templates/components/public/speaker-item.hbs b/app/templates/components/public/speaker-item.hbs index 8b7b17037ab..2694c4665e0 100644 --- a/app/templates/components/public/speaker-item.hbs +++ b/app/templates/components/public/speaker-item.hbs @@ -1,8 +1,9 @@ {{#ui-accordion}}