Added the featured image to search results

Resolves #330.
siteorigin · Jul 19, 2018 · 4f967e8 · 4f967e8
1 parent 5d92cf0
commit 4f967e8
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 14 deletions.
diff --git a/sass/rtl/_layout.scss b/sass/rtl/_layout.scss
@@ -6,6 +6,7 @@
     margin: 0 0 0 (-$size__site-sidebar);
 
 	@media (max-width: 600px) {
+
 		body.rtl.responsive & {
 			margin: 0 !important;
 		}
@@ -16,6 +17,7 @@
 	margin: 0 0 0 $size__site-sidebar;
 
 	@media (max-width: 600px) {
+
 		body.rtl.responsive & {
 			margin: 0 !important;
 		}

diff --git a/sass/site/primary/_posts-and-pages.scss b/sass/site/primary/_posts-and-pages.scss
@@ -356,8 +356,41 @@ article.page {
 	}
 }
 
-
 .page-links {
 	clear: both;
 	margin: 0 0 1.5em;
 }
+
+.search-results {
+
+	article.post {
+		clear: both;
+		margin-bottom: 35px;
+		overflow: auto;
+	}
+
+	.entry-title {
+		font-size: 18px;
+	}	
+
+	.entry-thumbnail {
+		float: left;
+		margin: 0 20px 15px 0;
+		text-align: left;
+		width: 40%;
+
+		@media (max-width: 1024px) {
+			float: none;
+			text-align: center;
+			width: auto;
+		}
+	}
+
+	@at-root .page-layout-no-sidebar.search-results .entry-thumbnail {
+		width: 30%;
+
+		@media (max-width: 1024px) {
+			width: auto;
+		}		
+	}
+}
diff --git a/style.css b/style.css
diff --git a/template-parts/content-search.php b/template-parts/content-search.php
@@ -11,19 +11,30 @@
 ?>
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-	<header class="entry-header">
-		<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
-
-		<?php if ( 'post' == get_post_type() ) : ?>
-		<div class="entry-meta">
-			<?php siteorigin_north_post_meta(); ?>
-		</div><!-- .entry-meta -->
-		<?php endif; ?>
-	</header><!-- .entry-header -->
-
-	<div class="entry-summary">
-		<?php the_excerpt(); ?>
-	</div><!-- .entry-summary -->
+
+	<?php if ( has_post_thumbnail() && siteorigin_setting( 'blog_featured_archive' ) ) : ?>
+		<div class="entry-thumbnail">
+			<a href="<?php the_permalink(); ?>">
+				<?php the_post_thumbnail(); ?>
+			</a>
+		</div>
+	<?php endif; ?>	
+
+	<div class="north-content-wrapper">
+		<header class="entry-header">
+			<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
+
+			<?php if ( 'post' == get_post_type() ) : ?>
+			<div class="entry-meta">
+				<?php siteorigin_north_post_meta(); ?>
+			</div><!-- .entry-meta -->
+			<?php endif; ?>
+		</header><!-- .entry-header -->
+
+		<div class="entry-summary">
+			<?php the_excerpt(); ?>
+		</div><!-- .entry-summary -->
+	</div>
 
 </article><!-- #post-## -->