From 1ae5b6ecf5864ed11b1f788db26b8710c67b82c3 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Fri, 16 Aug 2019 00:21:46 -0400
Subject: [PATCH] Additional fixes for lazyload

---
 includes/CitizenHooks.php        |  2 +-
 resources/components/common.less | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/includes/CitizenHooks.php b/includes/CitizenHooks.php
index f20a4a7b..cd430d39 100644
--- a/includes/CitizenHooks.php
+++ b/includes/CitizenHooks.php
@@ -55,7 +55,7 @@ class CitizenHooks {
 			$attribs['data-src'] = $attribs['src'];
 
 			// Replace src with small size image
-			$attribs['src'] = preg_replace('/\/+(\d+)px-/s', '/10px-', $attribs['src']);
+			$attribs['src'] = preg_replace('#/\d+px-#', '/10px-', $attribs['src']);
 			// $attribs['src'] = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
 
 			if (isset($attribs['srcset'])) {
diff --git a/resources/components/common.less b/resources/components/common.less
index 9914d308..041165ab 100644
--- a/resources/components/common.less
+++ b/resources/components/common.less
@@ -675,6 +675,17 @@ figcaption,
         >a {
             display: block;
             overflow: hidden;
+            width: fit-content; // Get rid of extra pixels from thumbinner
+            transition: @transition-box-shadow-quick!important;
+
+            &:hover:not(.lazy) {
+            	background: 0!important;
+            	.boxshadow(2);
+            }
+
+            &:before {
+            	content: none;
+            }
 
             &.new {
                 padding: @margin-side / 2;
@@ -690,6 +701,7 @@ figcaption,
 	transition: @transition-filter;
 
 	&.lazy {
+		display: block;
 		background-color: @base-90;
 		filter: blur(20px);
 	}