Fix dark mode issues with an extended 'Permission details' box

Fixes the shadows and borders that come with an extended 'Permission
details' box to use Codex tokens that support dark mode. To test this
out, view any image from Commons with a VRT permissions template (for
example [[File:Gordon_Highlander_steam_locomotive.jpg]]).

Bug: T369531
Change-Id: Ie2873b2ef2836c5b7ac2ded860dc2404f293f119
This commit is contained in:
Taavi Väänänen 2024-07-05 13:29:42 +03:00 committed by Jdlrobson
parent afe1c08d2f
commit 1ea305b03b
2 changed files with 6 additions and 4 deletions

View file

@ -1,8 +1,10 @@
@import 'mediawiki.skin.variables.less';
// from https://stackoverflow.com/a/12178019/323407
.fade-out-vertical( @backgroundColor: white ) {
.fade-out-vertical( @backgroundColor: @background-color-base ) {
background-image: linear-gradient( to bottom, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
}
.fade-out-horizontal( @backgroundColor: white ) {
.fade-out-horizontal( @backgroundColor: @background-color-base ) {
background-image: linear-gradient( to right, @background-color-transparent 0%, @backgroundColor 100% ); // W3C
}

View file

@ -49,7 +49,7 @@
a {
padding: 3px 0 0 1em;
background-color: #fff;
background-color: @background-color-interactive-subtle;
font-size: 1em;
}
}
@ -73,7 +73,7 @@
.mw-mmv-permission-html {
display: block;
border-top: 1px solid #f8f9fa;
border-top: 1px solid @border-color-base;
}
}
}