mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-23 10:21:40 +00:00
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:
parent
a87868d920
commit
2466e550e5
|
@ -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',
|
||||
|
|
41
skinStyles/mediawiki.sectionAnchor.less
Normal file
41
skinStyles/mediawiki.sectionAnchor.less
Normal 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;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue