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

Merge "Prevent dark-mode styles from affecting print media"

Browse source
This commit is contained in:
jenkins-bot 2024-08-12 11:45:25 +00:00 committed by Gerrit Code Review
parent 9d34949bd1 b7cbd0dd4f
commit 712a4da62c
1 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -440,23 +440,25 @@
} }
// Apply night mode styles that can't be handled with CSS variables, i.e. anything with rgba() // Apply night mode styles that can't be handled with CSS variables, i.e. anything with rgba()
html.skin-theme-clientpref-night { @media screen {
.mwe-popups.mwe-popups-no-image-pointer::before { html.skin-theme-clientpref-night {
.mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 ); .mwe-popups.mwe-popups-no-image-pointer::before {
} .mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 );
}
.mwe-popups-extract[ dir='ltr' ]::after { .mwe-popups-extract[ dir='ltr' ]::after {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to right, transparent, @background-color-base 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, transparent, @background-color-base 50% ); background-image: linear-gradient( to left, transparent, @background-color-base 50% );
}
} }
} }
@media ( prefers-color-scheme: dark ) { @media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os { html.skin-theme-clientpref-os {
.mwe-popups.mwe-popups-no-image-pointer::before { .mwe-popups.mwe-popups-no-image-pointer::before {
.mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 ); .mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 );