Merge branch 'faculty-result-thumbs' into rc-v3.10.0

UCF · Dec 8, 2021 · f8108af · f8108af
2 parents 8acaef5 + 738ae54
commit f8108af
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 13 deletions.
diff --git a/src/js/faculty-search-typeahead.js b/src/js/faculty-search-typeahead.js
@@ -87,7 +87,7 @@
           suggestion: Handlebars.compile(`
             <div class="d-flex flex-row mb-0">
               <div class="media-background-container rounded-circle mr-2 suggestion-image">
-                <img src="{{thumbnails.thumbnail.src}}" class="media-background object-fit-cover" alt="" width="{{thumbnails.thumbnail.width}}" height="{{thumbnails.thumbnail.height}}">
+                <img src="{{thumbnails.thumbnail.src}}" class="media-background object-fit-cover" style="object-position: 50% 25%;" data-object-position="50% 25%" alt="" width="{{thumbnails.thumbnail.width}}" height="{{thumbnails.thumbnail.height}}">
               </div>
               <div class="align-self-center suggestion-text">
                 <span class="d-block">{{title.rendered}}</span>

diff --git a/static/js/faculty-search-typeahead.min.js b/static/js/faculty-search-typeahead.min.js
diff --git a/template-faculty-search.php b/template-faculty-search.php
@@ -125,15 +125,20 @@
 					<div class="col-lg-8 col-xl-7">
 						<div class="row no-gutters position-relative w-100">
 							<div class="col-2 pr-3 pr-sm-4">
-								<?php
-								echo get_person_thumbnail(
-									$post,
-									'medium',
-									array(
-										'class' => 'w-100 h-auto'
-									)
-								);
-								?>
+								<div class="embed-responsive embed-responsive-1by1 media-background-container rounded-circle">
+									<?php
+									echo get_person_thumbnail(
+										$post,
+										'thumbnail',
+										array(
+											'class'                => 'media-background object-fit-cover',
+											'alt'                  => '',
+											'style'                => 'object-position: 50% 25%;',
+											'data-object-position' => '50% 25%'
+										)
+									);
+									?>
+								</div>
 							</div>
 							<div class="col-10 col-lg-9 align-self-center position-static py-2 py-lg-3">
 								<h2 class="h5 mb-0">

diff --git a/template-parts/layout/header/content-person.php b/template-parts/layout/header/content-person.php
@@ -15,8 +15,10 @@
 		$obj,
 		'medium',
 		array(
-			'class' => 'media-background object-fit-cover',
-			'alt'   => ''
+			'class'                => 'media-background object-fit-cover',
+			'alt'                  => '',
+			'style'                => 'object-position: 50% 25%;',
+			'data-object-position' => '50% 25%'
 		)
 	);
 ?>