mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-30 17:04:28 +00:00
59fd0cd5dc
All colors used in Minerva are converted from Less variables into CSS custom properties. A new file called CSSCustomProperties.less is created in the skins.minerva.base.styles module to store these custom properties and an ADR is provided on the rationale for dropping support for browsers that don't support custom properties. The new CSS custom properties follow Codex design token conventions where possible (and noted when not). Link colors are unique because their styles are defined in core, so in that case the Less variables values are set to custom properties. Those values are then fed back into MediaWiki core for core link styling. Also adds a temporary night-mode color palette under the .skin-nightmode-1 class on the <html> element. Bug: T356074 Change-Id: Ida1f14138f12bd3c600c264bde7b5100f9dbf4ff
192 lines
3.8 KiB
Plaintext
192 lines
3.8 KiB
Plaintext
/**
|
|
* The "changeslist" module appears on Special pages such
|
|
* as recent changes, watchlist, and parts of the action history page.
|
|
*/
|
|
|
|
@import '../minerva.less/minerva.mixins.less';
|
|
@import '../minerva.less/minerva.variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
// Decrease the font-size of the advanced filters module (see T229360).
|
|
.mw-rcfilters-container,
|
|
.mw-rcfilters-ui-overlay,
|
|
.watchlistDetails {
|
|
font-size: @font-size-tag-line;
|
|
}
|
|
|
|
.mw-changeslist h4 {
|
|
font-size: @font-size-h3;
|
|
padding: 1em 0 0 0 !important; // overriding .content h4
|
|
}
|
|
|
|
ul.mw-contributions-list,
|
|
ul.special {
|
|
padding-left: 0 !important; // overriding `.content ul`
|
|
margin-left: 0 !important; // overriding `.client-js .mw-changeslist ul`
|
|
|
|
li {
|
|
list-style-type: none;
|
|
.changeslist-row();
|
|
}
|
|
|
|
// the following selector are nested due to their
|
|
// generic names.
|
|
.mw-contributions-title,
|
|
.mw-title {
|
|
font-weight: bold;
|
|
// Word-break overlong user names, see T237230.
|
|
.hyphens( auto );
|
|
}
|
|
|
|
.comment {
|
|
float: left;
|
|
clear: both;
|
|
font-style: italic;
|
|
line-height: 1.4em;
|
|
padding: 0.5em 0;
|
|
// avoid overflows on very long words in edit summaries (T297045)
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
a.mw-contributions-title,
|
|
.mw-title a {
|
|
word-break: break-word;
|
|
}
|
|
|
|
// T232955: Properly align deletion comments
|
|
span.mw-changeslist-log-entry {
|
|
.comment {
|
|
float: none;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.mw-changeslist-line {
|
|
.changeslist-row();
|
|
}
|
|
|
|
.mw-changeslist-line-inner {
|
|
display: block;
|
|
}
|
|
|
|
.mw-changeslist-line-inner > *,
|
|
ul.mw-contributions-list li > * {
|
|
float: left;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.mw-changeslist-line-inner::before,
|
|
.mw-changeslist-line-inner::after {
|
|
.clearfix();
|
|
}
|
|
|
|
.mw-changeslist-date,
|
|
.mw-tag-markers {
|
|
clear: left;
|
|
}
|
|
|
|
/**
|
|
* Colored watchlist and recent changes numbers.
|
|
*/
|
|
.mw-plusminus-pos {
|
|
color: @color-success;
|
|
}
|
|
|
|
.mw-plusminus-neg {
|
|
color: @color-destructive;
|
|
}
|
|
|
|
.mw-plusminus-null {
|
|
color: var( --color-subtle );
|
|
}
|
|
|
|
/*
|
|
* Bidi-isolate these numbers.
|
|
* See https://phabricator.wikimedia.org/T93484
|
|
*/
|
|
.mw-plusminus-pos,
|
|
.mw-plusminus-neg,
|
|
.mw-plusminus-null {
|
|
unicode-bidi: -moz-isolate;
|
|
unicode-bidi: isolate;
|
|
}
|
|
|
|
/**
|
|
* "pill" style tags meant to emulate the OOUI ".oo-ui-tagItemWidget" style.
|
|
*/
|
|
|
|
.mw-tag-markers {
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
|
|
.mw-tag-marker {
|
|
// due to the extra space afforded by padding,
|
|
// we can make the font-size a bit smaller to save space.
|
|
font-size: @font-size-tag-line;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
height: 1.6em;
|
|
border: @border-base;
|
|
border-radius: @border-radius-pill;
|
|
line-height: 1.6em;
|
|
padding: 0 0.6em;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
ul.mw-contributions-list li .mw-rollback-link {
|
|
float: right;
|
|
font-size: initial;
|
|
}
|
|
|
|
// rollback edit link
|
|
.mw-rollback-link a {
|
|
// separating rollback link from undo link.
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.mw-revdelundel-link,
|
|
.mw-tag-markers {
|
|
display: block;
|
|
}
|
|
|
|
// On Watchlist and RecentChanges the user is on a separate line per T236328.
|
|
// This does not apply to the history page.
|
|
// It is unnecessary on Special:Contributions since all contributions are by the same user.
|
|
.mw-special-Watchlist,
|
|
.mw-special-Recentchanges {
|
|
.mw-userlink,
|
|
.mw-usertoollinks {
|
|
float: none;
|
|
}
|
|
|
|
.mw-userlink::before,
|
|
.mw-usertoollinks::after {
|
|
content: '';
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.mw-tempuserlink {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
|
|
// Since the user link is split over two lines,
|
|
// add the background color on the bdi instead
|
|
bdi {
|
|
// var(--background-color-interactive)
|
|
background-color: #eaecf0;
|
|
padding: 2px 8px 2px 8px;
|
|
border-radius: @border-radius-base;
|
|
}
|
|
}
|
|
}
|
|
|
|
// `.content` must be specified to override padding of
|
|
// `.content h2` rule provided by ResourceLoaderSkinModule.
|
|
.content .mw-index-pager-list-header {
|
|
.changeslist-header();
|
|
box-sizing: border-box;
|
|
}
|