golem
/
MinervaNeue
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge "Restrict gallery styles to only pages which need it"

This commit is contained in:
jenkins-bot 2018-04-20 21:19:57 +00:00 committed by Gerrit Code Review
parent 9007208281 1f7de003ef
commit f11c4e44f5
3 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/skins.minerva.content.styles/hacks.less
View File

@ -156,17 +156,6 @@ FIXME: Review all of these hacks to see if they still apply.
// Hacks to render galleries and multicol tables better on mobile
@media all and ( max-width: @width-breakpoint-tablet ) {
// Center images that might be less than the screen width.
// Image will appear centered and caption will take up full screen.
.gallery {
.gallerybox {
width: 100% !important;
div {
width: 100% !important;
}
}
}
.content {
table {
// Make {{col-beg}}, {{col-break}}, and {{col-end}} templates display single column tables

3
skin.json
View File

@ -43,6 +43,9 @@
"mobile.special.mobileoptions.styles": [
"skinStyles/mobile.special.mobileoptions.styles/minerva.less"
],
"mediawiki.page.gallery.styles": [
"skinStyles/mediawiki.page.gallery.styles/tablet.less"
],
"mediawiki.special.userlogin.common.styles": [
"skinStyles/mediawiki.special.userlogin.common.styles/minerva.less"
],

17
skinStyles/mediawiki.page.gallery.styles/tablet.less Normal file
View File

@ -0,0 +1,17 @@
@import 'minerva.variables';
@import 'minerva.mixins';
// Hacks to render galleries and multicol tables better on mobile
@media all and ( max-width: @deviceWidthTablet ) {
// Center images that might be less than the screen width.
// Image will appear centered and caption will take up full screen.
.gallery {
.gallerybox {
width: 100% !important;
div {
width: 100% !important;
}
}
}
}