mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-11 22:06:07 +00:00
dd154b4ea7
The values have slightly changed: - Tablet breakpoint is decreased by 80px, pushing lesser devices into a mobile only experience but should make barely a difference to vast majority of our users. - Biggest difference is in `min-width-breakpoint-desktop`, which is increased by 120px in comparison to `@width-breakpoint-desktop: 1000px` Also removing one out-dated feature phone clause. TECHNICAL CHANGES: * The previous breakpoint was tied to the maximum content width. The previous maximum content width is preserved, and several media queries are adjusted to make use of it. * The header (logo) is not optimized for 640px-720px. For now a temporary fix is but in place which will be investigated as part of T366859 VISUAL CHANGES: * 6 visual changes which improve alignment in language and visual editor overlay and diffs (where wikidiff2 is not installed) Bug: T349793 Depends-On: I3afba8c51f60de9271054499bfa3ffbcc1a9d779 Change-Id: I9552d8ad7509aae90e15edda26e786465773d3ac
237 lines
4 KiB
Plaintext
237 lines
4 KiB
Plaintext
/* stylelint-disable selector-max-id */
|
|
@import '../minerva.less/minerva.variables.less';
|
|
|
|
// By default a pseudo element is used for skins like Vector. We don't want this on Minerva.
|
|
.mw-diff-movedpara-right,
|
|
.mw-diff-movedpara-left,
|
|
.rtl .mw-diff-movedpara-left,
|
|
.rtl .mw-diff-movedpara-right {
|
|
&::after {
|
|
content: none;
|
|
}
|
|
}
|
|
|
|
// Will be enhanced with JS
|
|
.mw-diff-timestamp {
|
|
display: block;
|
|
min-height: 20px;
|
|
}
|
|
|
|
.minoredit {
|
|
margin-right: 8px;
|
|
background: var( --background-color-interactive );
|
|
border-radius: 2px;
|
|
font-size: 0.9em;
|
|
padding: 0 6px 1px;
|
|
}
|
|
|
|
@media all and ( max-width: @max-width-breakpoint-mobile ) {
|
|
//
|
|
// Navigation links
|
|
//Reveal the previous and next navigation links
|
|
//
|
|
.mw-diff-revision-history-links {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 0.9em;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.mw-diff-revision-history-link-previous {
|
|
flex-grow: 1;
|
|
text-align: start;
|
|
}
|
|
|
|
.mw-diff-revision-history-link-next {
|
|
flex-grow: 1;
|
|
text-align: end;
|
|
}
|
|
|
|
//
|
|
// Diff header
|
|
//
|
|
.diff-ntitle {
|
|
text-align: left;
|
|
|
|
> div {
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
// Special case since #mw-diff-ntitle2 is position fixed.
|
|
#mw-diff-ntitle3 {
|
|
padding-top: 0.5em;
|
|
}
|
|
}
|
|
|
|
.minor-edit {
|
|
display: block;
|
|
}
|
|
|
|
//
|
|
// date of edit
|
|
//
|
|
.mw-diff-timestamp {
|
|
color: #72777d;
|
|
height: 1em;
|
|
line-height: 1em;
|
|
display: block;
|
|
}
|
|
|
|
.comment {
|
|
display: block;
|
|
}
|
|
|
|
//
|
|
// Diff
|
|
//
|
|
.content table.diff {
|
|
display: block;
|
|
|
|
tbody, tr, td {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.diff-otitle {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Sticky User box at bottom of page
|
|
//
|
|
#mw-diff-ntitle2 {
|
|
text-align: left;
|
|
position: fixed;
|
|
height: 8em;
|
|
padding: 1em;
|
|
background-color: #f8f9fa;
|
|
border-top: 1px solid #c8ccd1;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: @z-index-above-content;
|
|
}
|
|
|
|
.mw-diff-tool {
|
|
bottom: 7em;
|
|
position: fixed;
|
|
z-index: @z-index-stacking-2;
|
|
right: 8px;
|
|
|
|
.jquery-confirmable-interface {
|
|
background-color: var( --background-color-interactive-subtle );
|
|
border: @border-subtle;
|
|
padding: @spacing-50;
|
|
}
|
|
|
|
.jquery-confirmable-element {
|
|
~ .jquery-confirmable-interface {
|
|
display: none;
|
|
}
|
|
|
|
&.hidden {
|
|
~ .jquery-confirmable-interface {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-userlink {
|
|
&::before {
|
|
content: '';
|
|
margin-right: 8px;
|
|
.cdx-mixin-css-icon( @cdx-icon-user-avatar, var(--color-subtle) );
|
|
}
|
|
|
|
&.mw-anonuserlink::before {
|
|
.cdx-mixin-css-icon( @cdx-icon-user-anonymous, var(--color-subtle) );
|
|
}
|
|
}
|
|
|
|
.mw-diff-usermetadata {
|
|
display: block;
|
|
}
|
|
|
|
.mw-diff-userroles {
|
|
margin-top: 0.7em;
|
|
}
|
|
|
|
.mw-diff-usereditcount {
|
|
margin-top: 1.2em;
|
|
display: inline-block;
|
|
|
|
span {
|
|
text-align: center;
|
|
font-size: 1.85em;
|
|
color: #72777d;
|
|
display: block;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Typography
|
|
//
|
|
|
|
.mw-diff-usermetadata,
|
|
.mw-diff-timestamp {
|
|
font-size: 0.7em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
//
|
|
// HIDDEN UI ELEMENTS
|
|
//
|
|
// hidden for now to match historic Special:MobileDiff
|
|
// Sam Walton's team should enable this as needed.
|
|
.mw-usertoollinks,
|
|
#mw-diff-ntitle4,
|
|
.mw-diff-inline-legend,
|
|
.mw-diff-inline-header,
|
|
.mw-diffPage-inlineToggle-container,
|
|
#mw-diff-ntitle5,
|
|
.mw-diff-edit,
|
|
.mw-diff-undo,
|
|
.mw-revdelundel-link {
|
|
display: none !important;
|
|
}
|
|
|
|
#mw-diff-ntitle1 strong {
|
|
font-weight: normal;
|
|
|
|
> a {
|
|
padding: 0.5em 0;
|
|
display: block;
|
|
line-height: 1.6;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Wikitext font size is restored to 100%, as in mediawiki.editfont.styles
|
|
.diff-addedline,
|
|
.diff-deletedline,
|
|
.diff-context,
|
|
.mw-diff-inline-added,
|
|
.mw-diff-inline-deleted,
|
|
.mw-diff-inline-moved,
|
|
.mw-diff-inline-changed,
|
|
.mw-diff-inline-context {
|
|
font-size: 100%;
|
|
}
|
|
|
|
.mw-article-diff {
|
|
#firstHeading {
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
|
|
// Bug: T357213 - always show patrol link. Previews are hidden by default
|
|
// on mobile, but we trust patrollers to only patrol diffs that do not require
|
|
// viewing the preview.
|
|
.patrollink.patrollink-diffonly {
|
|
display: block;
|
|
}
|
|
/* stylelint-enable selector-max-id */
|