mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
a7b66f6f63
* Move method to SkinMinerva * Turn preparePageContent into a getter that returns the subject page * Use getSubjectPage in template For mobile special pages this now means the page has two .content elements On those pages I've disabled the initial content element. It also means various .content <heading> and .content ul rules now apply that need to be disabled. While testing several other issues were taken care of - for example the h2 in errors Depends-On: I7761396d6a33830f279742be01240796573556a7 Bug: T291871 Change-Id: I13bc4b5dae7aed86eca31ef306212365e1759481
120 lines
2.4 KiB
Plaintext
120 lines
2.4 KiB
Plaintext
/*
|
|
A file for css that optimises the Minerva skin on larger devices.
|
|
*/
|
|
|
|
@import '../../../../minerva.less/minerva.variables.less';
|
|
@import '../../../../minerva.less/minerva.mixins.less';
|
|
|
|
@media screen and ( min-width: @width-breakpoint-tablet ) {
|
|
.client-js #searchIcon { // stylelint-disable-line selector-max-id
|
|
display: none;
|
|
}
|
|
|
|
.minerva-header {
|
|
.branding-box {
|
|
width: @brandingBoxWidth;
|
|
}
|
|
}
|
|
|
|
.search-overlay,
|
|
.minerva-header {
|
|
.search-box {
|
|
display: table-cell;
|
|
width: auto;
|
|
|
|
.search {
|
|
width: @searchBoxWidth;
|
|
}
|
|
}
|
|
}
|
|
|
|
// stylelint-disable selector-max-id
|
|
// FIXME: Have a class that identifies all of these selectors
|
|
.pre-content,
|
|
/* Form only pages e.g. Special:MobileOptions */
|
|
#mw-content-text > form,
|
|
.content,
|
|
.content-unstyled,
|
|
.post-content {
|
|
max-width: @contentMaxWidthTablet;
|
|
margin: 0 @contentPaddingTablet;
|
|
}
|
|
// stylelint-enable selector-max-id
|
|
|
|
.content {
|
|
// Classes added by thumbnails
|
|
// e.g. [[File:Scholars mate animation.gif|frame|left|"[[Scholar's mate]]"]]
|
|
// We use @noflip because we still want .tleft to be on the left and
|
|
// .tright to be on the right in RTL languages.
|
|
figure,
|
|
.thumb {
|
|
max-width: @width-breakpoint-tablet - @contentMargin;
|
|
|
|
&.mw-halign-left,
|
|
&.tleft {
|
|
/* @noflip */
|
|
float: left;
|
|
/* @noflip */
|
|
clear: left;
|
|
/* @noflip */
|
|
margin-right: 1.4em;
|
|
}
|
|
|
|
&.mw-default-size,
|
|
&.mw-halign-right,
|
|
&.tright {
|
|
/* @noflip */
|
|
float: right;
|
|
/* @noflip */
|
|
clear: right;
|
|
/* @noflip */
|
|
margin-left: 1.4em;
|
|
}
|
|
}
|
|
|
|
table {
|
|
caption {
|
|
background: inherit; // T170344
|
|
}
|
|
|
|
tbody {
|
|
display: table-row-group;
|
|
}
|
|
}
|
|
}
|
|
|
|
.last-modified-bar {
|
|
background-color: transparent;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
@media screen and ( min-width: @width-breakpoint-desktop ) {
|
|
// stylelint-disable-next-line selector-max-id
|
|
.banner-container,
|
|
.minerva-header,
|
|
.page-header-bar,
|
|
.overlay-header,
|
|
/* FIXME: Generic content class needed? */
|
|
.content,
|
|
.overlay-content,
|
|
.content-unstyled,
|
|
.pre-content,
|
|
.post-content,
|
|
/* Form only pages e.g. Special:MobileOptions */
|
|
#mw-content-text > form {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 90%;
|
|
max-width: @contentMaxWidthTablet;
|
|
}
|
|
|
|
.minerva-header {
|
|
// Make sure the main menu and secondary button icon images are aligned
|
|
// with the content.
|
|
max-width: @contentMaxWidthTablet + 2 * @iconGutterWidth;
|
|
}
|
|
}
|