wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-12 09:09:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Fix revslider colours in visual diff mode"

Browse source
This commit is contained in:
jenkins-bot 2017-10-31 17:50:53 +00:00 committed by Gerrit Code Review
parent 93c2da8e78 236d437875
commit 2649a2123a
1 changed files with 66 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
modules/ve-mw/init/styles/ve.init.mw.DiffPage.less
View file

@ -5,6 +5,10 @@
* @license The MIT License (MIT); see LICENSE.txt
*/
/* stylelint-disable no-descending-specificity */
@import 'mediawiki.mixins';
.ve-init-mw-diffPage-diffMode {
font-size: 12.8/14em;
text-align: right;
@ -17,17 +21,72 @@
}
.ve-init-mw-diffPage-revSlider-visual {
.mw-revslider-pointer-line {
.mw-revslider-pointer-line,
.mw-revslider-revision-border-box {
display: none !important; /* stylelint-disable-line declaration-no-important */
}
.mw-revslider-revision-old {
border-color: darken( #e88e89, 20% );
background-color: #e88e89;
@new: #39b79c;
@old: #d73c34;
.mw-revslider-revision-hovered {
&.mw-revslider-revision-wrapper-up .mw-revslider-pointer-ghost {
background-color: lighten( @new, 30% );
border-color: @new;
}
&.mw-revslider-revision-wrapper-down .mw-revslider-pointer-ghost {
background-color: lighten( @old, 30% );
border-color: @old;
}
}
.mw-revslider-revision-new {
border-color: darken( #7fd7c4, 20% );
background-color: #7fd7c4;
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered {
&.mw-revslider-revision-wrapper-up {
background-color: fade( @new, 30% );
}
&.mw-revslider-revision-wrapper-down {
background-color: fade( @old, 30% );
}
}
.mw-revslider-pointer {
&.mw-revslider-pointer-newer {
border-color: @new;
.vertical-gradient( lighten( @new, 30% ), @new );
&:hover {
.vertical-gradient( lighten( @new, 40% ), @new );
}
}
&.mw-revslider-pointer-older {
border-color: @old;
.vertical-gradient( lighten( @old, 30% ), @old );
&:hover {
.vertical-gradient( lighten( @old, 40% ), @old );
}
}
}
.mw-revslider-pointer-container-newer {
.mw-revslider-slider-line {
border-bottom-color: fade( @new, 50% );
}
&:hover .mw-revslider-slider-line {
border-bottom-color: fade( @new, 80% );
}
}
.mw-revslider-pointer-container-older {
.mw-revslider-slider-line {
border-top-color: fade( @old, 50% );
}
&:hover .mw-revslider-slider-line {
border-top-color: fade( @old, 80% );
}
}
}