mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-12-23 21:32:45 +00:00
018f21ba46
White on white got a bit confusing. Use a much heavier box-shadow to give better distinction for the elements. Alternative is to use a border of the subtle color, but doesn't look as nice to me. Bug: T365192 Change-Id: I0bf760f0987b2c04a66b00f24398561588bd719a
67 lines
1.1 KiB
Plaintext
67 lines
1.1 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import '../mmv.variables.less';
|
|
@import '../mmv.mixins.less';
|
|
|
|
@background-color: @background-color-base;
|
|
@dialog-width: 450px;
|
|
|
|
.mw-mmv-dialog {
|
|
position: fixed;
|
|
right: 58px;
|
|
display: none;
|
|
width: @dialog-width;
|
|
height: @dialog-height;
|
|
background-color: @background-color;
|
|
box-shadow: @box-shadow-drop-xx-large;
|
|
z-index: 1004;
|
|
|
|
.mw-mmv-dialog-down-arrow {
|
|
right: 48px;
|
|
background-color: @background-color;
|
|
width: @arrow-size;
|
|
height: @arrow-size;
|
|
transform: rotate( -45deg );
|
|
position: fixed;
|
|
}
|
|
|
|
.mw-mmv-dialog-warning {
|
|
background-color: @background-color-warning-subtle;
|
|
}
|
|
|
|
.mw-mmv-pt-0 {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.mw-mmv-pb-0 {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.mw-mmv-mt-75 {
|
|
margin-top: @spacing-75;
|
|
}
|
|
|
|
.mw-mmv-mb-75 {
|
|
margin-bottom: @spacing-75;
|
|
}
|
|
|
|
.mw-mmv-pb-150 {
|
|
padding-bottom: @spacing-150;
|
|
}
|
|
|
|
.mw-mmv-gap-50 {
|
|
gap: @spacing-50;
|
|
}
|
|
|
|
.mw-mmv-flex {
|
|
display: flex;
|
|
}
|
|
|
|
.mw-mmv-flex-grow-1 {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.cdx-button__icon--copy {
|
|
.cdx-mixin-css-icon( @cdx-icon-copy, @param-is-button-icon: true );
|
|
}
|
|
}
|