Change styling of clickable link for section headers

The anchors introduced in I562e437e use a small width to account for
skins with narrow gutters. Since Vector has a wider gutter, the anchors
should use the available width.

Change-Id: Ib81a60c789c1225c93bf8d694a02e67a5d131eac
This commit is contained in:
Vivek Ghaisas 2015-02-23 01:29:21 +05:30
parent a87868d920
commit 2466e550e5
2 changed files with 42 additions and 0 deletions

View File

@ -103,6 +103,7 @@ $GLOBALS['wgResourceModuleSkinStyles']['vector'] = array(
'jquery.ui.tabs' => 'skinStyles/jquery.ui/jquery.ui.tabs.css',
'jquery.ui.tooltips' => 'skinStyles/jquery.ui/jquery.ui.tooltips.css',
'mediawiki.notification' => 'skinStyles/mediawiki.notification.less',
'+mediawiki.sectionAnchor' => 'skinStyles/mediawiki.sectionAnchor.less',
'mediawiki.special' => 'skinStyles/mediawiki.special.less',
'mediawiki.special.preferences' => 'skinStyles/mediawiki.special.preferences.less',
'remoteSkinPath' => 'Vector',

View File

@ -0,0 +1,41 @@
@media screen {
.mw-headline-anchor {
margin-left: -16px;
width: 16px;
}
/* @noflip */
.mw-content-ltr .mw-headline-anchor,
.mw-content-rtl .mw-content-ltr .mw-headline-anchor {
margin-left: -16px;
margin-right: 0;
}
/* @noflip */
.mw-content-rtl .mw-headline-anchor,
.mw-content-ltr .mw-content-rtl .mw-headline-anchor {
margin-left: 0;
margin-right: -16px;
}
}
@media screen and (min-width: 982px) {
.mw-headline-anchor {
margin-left: -20px;
width: 20px;
}
/* @noflip */
.mw-content-ltr .mw-headline-anchor,
.mw-content-rtl .mw-content-ltr .mw-headline-anchor {
margin-left: -20px;
margin-right: 0;
}
/* @noflip */
.mw-content-rtl .mw-headline-anchor,
.mw-content-ltr .mw-content-rtl .mw-headline-anchor {
margin-left: 0;
margin-right: -20px;
}
}