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

Fix gradient for night mode

Browse source 
Currently, the gradient is fading into #000 when what we want is #101418
(represented by @background-color-base).  Correct this and remove the
hardcoded rgba values as we don't need them and this gives us one less
place to update if the value changes in the future

Visual change (bug fix)

Bug: T360877
Change-Id: If330dd251dffb07f371c0c9222c6ef5f52120e25
This commit is contained in:
Steph Toyofuku 2024-05-16 11:29:02 -07:00
parent b6cd61cffa
commit 39e322b6ab
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/ui/templates/popup/popup.less
View file

@ -450,12 +450,12 @@ html.skin-theme-clientpref-night {
.mwe-popups-extract[ dir='ltr' ]::after { .mwe-popups-extract[ dir='ltr' ]::after {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to right, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% ); background-image: linear-gradient( to right, transparent, @background-color-base 50% );
} }
.mwe-popups-extract[ dir='rtl' ]::after { .mwe-popups-extract[ dir='rtl' ]::after {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to left, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% ); background-image: linear-gradient( to left, transparent, @background-color-base 50% );
} }
} }
@ -471,12 +471,12 @@ html.skin-theme-clientpref-night {
.mwe-popups-extract[ dir='ltr' ]::after { .mwe-popups-extract[ dir='ltr' ]::after {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to right, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% ); background-image: linear-gradient( to right, transparent, @background-color-base 50% );
} }
.mwe-popups-extract[ dir='rtl' ]::after { .mwe-popups-extract[ dir='rtl' ]::after {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to left, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% ); background-image: linear-gradient( to left, transparent, @background-color-base 50% );
} }
} }
} }