wikimedia/mediawiki-extensions-RevisionSlider
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/RevisionSlider synced 2024-11-13 18:27:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace some more colors with LESS design tokens

Browse source 
This doesn't fully solve T370572 but already improves the situation
a bit, without causing any change in light mode. Notably: The 1px
separator between the individual bars was hard-coded white before.

I suggest to continue working on this in separate patches, not make
this patch more complicated.

Bug: T370572
Change-Id: I1a2159221bfc37f23e85e6aa7d6beed1f149163f
This commit is contained in:
thiemowmde 2024-07-20 13:02:53 +02:00 committed by Thiemo Kreuz (WMDE)
parent c2e8f82319
commit 93d33916a4
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
modules/ext.RevisionSlider.lazy.less
View file

@ -13,7 +13,7 @@
/* the interface is in RTL */
direction: ltr;
position: relative;
border: @border-width-base @border-style-base #c8ccd1;
border: @border-width-base @border-style-base @border-color-subtle;
.mw-revslider-toggle-button.oo-ui-buttonElement-frameless.oo-ui-labelElement {
width: 100%;
@ -41,7 +41,7 @@
.mw-revslider-slider-wrapper {
// Same as the .mw-revslider-arrow height
min-height: 142px;
border-top: @border-width-base @border-style-base #c8ccd1;
border-top: @border-width-base @border-style-base @border-color-subtle;
padding: 20px 10px;
// Not a fix for resize issues like T336729 but makes it appear much less broken
overflow-x: clip;

8
modules/ext.RevisionSlider.less
View file

@ -49,7 +49,7 @@
.mw-revslider-revision-border-box {
height: 100%;
width: 100%;
border-left: @border-width-base @border-style-base #fff;
border-left: @border-width-base @border-style-base @background-color-base;
box-sizing: border-box;
.mw-revslider-revision-old & {
@ -61,7 +61,7 @@
}
.mw-revslider-revision-filter-highlight & {
border: @border-width-base @border-style-base #72777d;
border: @border-width-base @border-style-base @border-color-interactive;
background-color: #7f7f7f;
}
}
@ -132,11 +132,11 @@
}
.mw-revslider-change-positive {
color: #006400;
color: @color-content-added;
}
.mw-revslider-change-negative {
color: #8b0000;
color: @color-content-removed;
}
.mw-revslider-change-none {