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

Gallery styles

Browse source
This commit is contained in:
alistair3149 2019-08-19 15:44:19 -04:00
parent 9b9b27d9b1
commit 5c96aca142
3 changed files with 54 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
resources/scripts/lazyload.js
View file

@ -5,7 +5,6 @@
* Lazyloading images with Native API or IntersectionObserver
*/
// Native API
if ("loading" in HTMLImageElement.prototype) {
document.querySelectorAll("img.lazy").forEach(function(img) {

1
skin.json
View file

@ -179,6 +179,7 @@
},
"ResourceModuleSkinStyles": {
"citizen": {
"+mediawiki.page.gallery.styles": "skinStyles/mediawiki.page.gallery.styles.less",
"+mediawiki.action.view.filepage": "skinStyles/mediawiki.action.view.filepage.less",
"+mediawiki.special.changeslist": "skinStyles/mediawiki.special.changeslist.less",
"+mediawiki.special.changeslist.enhanced": "skinStyles/mediawiki.special.changeslist.enhanced.less",

53
skinStyles/mediawiki.page.gallery.styles.less Normal file
View file

@ -0,0 +1,53 @@
/*
* Citizen - Gallery Styles
* https://starcitizen.tools
*/
@import '../resources/variables.less';
@import '../resources/mixins.less';
ul.gallery {
margin: @content-margin-top * 2 @negative-margin;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
li.gallerybox {
margin: 2px;
display: block;
}
li.gallerybox div.thumb {
margin: 0;
}
li.gallerybox,
li.gallerybox>div {
width: fit-content !important;
}
li.gallerybox,
li.gallerybox div,
li.gallerybox a.image,
li.gallerybox a.image img {
transition: @transition-width,
@transition-height;
}
div.gallerytext {
display: none;
}
@media only screen and (max-width: @footer-width) {
ul.gallery {
margin: @content-margin-top * 2 0;
}
}
@media only screen and (max-width: @footer-width) {
ul.gallery {
margin: @content-margin-top * 2 -@margin-side;
}
}