mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-18 10:52:48 +00:00
1ea305b03b
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
80 lines
1.6 KiB
Plaintext
80 lines
1.6 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import 'mediawiki.mixins.less';
|
|
@import '../mmv.mixins.less';
|
|
|
|
.mw-mmv-permission-box {
|
|
position: relative;
|
|
width: 90%;
|
|
margin: 10px 20px 0;
|
|
|
|
&.empty {
|
|
display: none;
|
|
}
|
|
|
|
h3 {
|
|
margin: 10px;
|
|
padding: 0;
|
|
color: @color-subtle;
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
.mw-mmv-permission-close {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 8px;
|
|
.cdx-mixin-css-icon( @cdx-icon-close, @param-fill-color: @color-subtle, @param-size-icon: @size-icon-small );
|
|
cursor: pointer;
|
|
display: none; // override display:inline-block from .cdx-mixin-css-icon
|
|
}
|
|
|
|
.mw-mmv-permission-text {
|
|
@text-font-size: 0.9em;
|
|
@text-line-height: 1.4;
|
|
@lines-shown: 3;
|
|
position: relative;
|
|
max-height: @lines-shown * @text-line-height * @text-font-size;
|
|
overflow: hidden;
|
|
margin: 0 10px 10px;
|
|
font-size: @text-font-size;
|
|
line-height: @text-line-height;
|
|
color: @color-subtle;
|
|
|
|
.mw-mmv-permission-text-fader {
|
|
position: absolute;
|
|
top: ( @lines-shown - 1 ) * @text-line-height * @text-font-size;
|
|
width: 100%;
|
|
height: @text-line-height * @text-font-size;
|
|
.fade-out-vertical();
|
|
text-align: right;
|
|
|
|
a {
|
|
padding: 3px 0 0 1em;
|
|
background-color: @background-color-interactive-subtle;
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-permission-html {
|
|
padding: 0 15px 15px;
|
|
display: none;
|
|
max-height: 400px;
|
|
overflow: auto;
|
|
}
|
|
|
|
&.full-size {
|
|
.mw-mmv-permission-close {
|
|
display: block;
|
|
}
|
|
|
|
.mw-mmv-permission-text {
|
|
display: none;
|
|
}
|
|
|
|
.mw-mmv-permission-html {
|
|
display: block;
|
|
border-top: 1px solid @border-color-base;
|
|
}
|
|
}
|
|
}
|