mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/tablet/hacks.less
Ed Sanders bc945fa15c Apply mobile width fixes to infoboxes explicitly
Previously they were just inheriting from `table`, but
now we don't require .infobox to use a specific element
they should be applied separately.

Fix table max-width override to use !important as this
too could be specified inline.

Bug: T258011
Change-Id: I4f28414fd965ae9f608b5e52047b9d474427853a
2020-07-24 15:42:59 +00:00

29 lines
962 B
Plaintext

/*
A file for css that corrects known rendering issues on known Wikimedia wikis ON TABLETS
Many of them correct hacks in place in common/hacks.less
It will become redundant when the following RFC is resolved:
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
FIXME: Review all of these hacks to see if they still apply.
*/
@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
/* Tablet specific styling */
@media all and ( min-width: @width-breakpoint-tablet ) {
.content {
// Float infoboxes to the right of the page
.infobox {
margin: 0.5em 0 1em 35px !important;
// Note this is fixed to ensure that we leave enough space for the sections to the infoboxes left
// FIXME [Templates]: Inline styles force us to use !important
max-width: @infoboxWidth !important;
width: auto !important;
float: right !important;
clear: right !important;
}
}
}