Merge "Restrict gallery styles to only pages which need it"
This commit is contained in:
commit
f11c4e44f5
|
@ -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
|
// Hacks to render galleries and multicol tables better on mobile
|
||||||
@media all and ( max-width: @width-breakpoint-tablet ) {
|
@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 {
|
.content {
|
||||||
table {
|
table {
|
||||||
// Make {{col-beg}}, {{col-break}}, and {{col-end}} templates display single column tables
|
// Make {{col-beg}}, {{col-break}}, and {{col-end}} templates display single column tables
|
||||||
|
|
|
@ -43,6 +43,9 @@
|
||||||
"mobile.special.mobileoptions.styles": [
|
"mobile.special.mobileoptions.styles": [
|
||||||
"skinStyles/mobile.special.mobileoptions.styles/minerva.less"
|
"skinStyles/mobile.special.mobileoptions.styles/minerva.less"
|
||||||
],
|
],
|
||||||
|
"mediawiki.page.gallery.styles": [
|
||||||
|
"skinStyles/mediawiki.page.gallery.styles/tablet.less"
|
||||||
|
],
|
||||||
"mediawiki.special.userlogin.common.styles": [
|
"mediawiki.special.userlogin.common.styles": [
|
||||||
"skinStyles/mediawiki.special.userlogin.common.styles/minerva.less"
|
"skinStyles/mediawiki.special.userlogin.common.styles/minerva.less"
|
||||||
],
|
],
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue