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
|
||||
@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
|
||||
|
|
|
@ -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"
|
||||
],
|
||||
|
|
|
@ -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