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

Template dialog: Make blue selection color transparent

Browse source 
This should make zero difference in most situations. Except you
navigate a list of parameters with the keyboard. In this case the
SelectWidget gets a dark blue outline which overlaps with the light
blue selection bar, but the outline disappears behind the bar. This
looks odd. Making the color transparent fixes this without the need
to fiddle with z-index or such.

Bug: T311204
Change-Id: I7049eb60dc0ea72c2c4620f4351525fe447e0f46
This commit is contained in:
Thiemo Kreuz 2022-07-19 12:17:26 +02:00 committed by Adam Wight
parent b6a4f0b4fa
commit ac204fd3a9
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
modules/ve-mw/ui/styles/widgets/ve.ui.MWTransclusionOutlineWidget.less
View file

@ -2,15 +2,15 @@
// Copied from wikimedia-ui-base.less
@wmui-color-accent50: #36c;
@wmui-color-accent90: #eaf3ff;
@color-base--subtle: #72777d;
@selected-text-color: @wmui-color-accent50;
@selected-background: @wmui-color-accent90;
// This shade on a white background results in #eaf3ff a.k.a. @wmui-color-accent90
@selected-shading: rgba( 0, 109, 255, 21/255 );
// This shade on a white background results in #eaecf0 a.k.a. @background-color-base--hover a.k.a.
// @wmui-color-base80
@hover-shading: rgba( 0, 24, 73, 0.082 );
@hover-shading: rgba( 0, 24, 73, 21/255 );
@on-click-text-color: @wmui-color-accent50;
// Same as .oo-ui-optionWidget-pressed, a.k.a. @background-color-primary--hover
@ -76,10 +76,10 @@
/* selected */
&.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button {
background-color: @selected-background;
background-color: @selected-shading;
&:hover {
background-color: @selected-background;
background-color: @selected-shading;
color: @selected-text-color;
}
}
@ -151,7 +151,7 @@
&.ve-ui-mwTransclusionOutlineParameterWidget-activePage,
&.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover,
&.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted {
background-color: @selected-background;
background-color: @selected-shading;
color: @selected-text-color;
}