StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 14:34:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Additional fixes for lazyload

Browse source
This commit is contained in:
alistair3149 2019-08-16 00:21:46 -04:00
parent f50789508c
commit 1ae5b6ecf5
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
includes/CitizenHooks.php
View file

@ -55,7 +55,7 @@ class CitizenHooks {
$attribs['data-src'] = $attribs['src']; $attribs['data-src'] = $attribs['src'];
// Replace src with small size image // 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'; // $attribs['src'] = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
if (isset($attribs['srcset'])) { if (isset($attribs['srcset'])) {

12
resources/components/common.less
View file

@ -675,6 +675,17 @@ figcaption,
>a { >a {
display: block; display: block;
overflow: hidden; 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 { &.new {
padding: @margin-side / 2; padding: @margin-side / 2;
@ -690,6 +701,7 @@ figcaption,
transition: @transition-filter; transition: @transition-filter;
&.lazy { &.lazy {
display: block;
background-color: @base-90; background-color: @base-90;
filter: blur(20px); filter: blur(20px);
} }