mediawiki-extensions-Multim.../resources/mmv.ui.reuse/mmv.ui.download.dialog.less
Derk-Jan Hartman 2a8b140ed3 MMV square buttons
- Use square cdx icon only buttons
- gray transparent brackground
- opaque background on hover, active, focus
- Some fixes to the positioning and offsets of buttons and dialogs
- Move the dialogs to be in the same container as the buttons
  This is better for accessibility but also fixes the z-index issue

Bug: T365192
Change-Id: Idbc2a309fbca15bd528aaed7ca9bed584487c4f3
2024-06-26 20:28:38 +02:00

27 lines
794 B
Plaintext

@import 'mediawiki.skin.variables.less';
@import '../mmv/mmv.variables.less';
@import '../mmv/mmv.mixins.less';
.mw-mmv-download-dialog {
// resetting height (to overwrite .mw-mmv-dialog's bigger height), since the
// height may have to change for warnings being added
height: initial;
// positioned relative to the download button
position: fixed;
@bottom-offset: @metadatabar-above-fold-height + @buttons-offset-edge + @buttons-offset-each;
bottom: @bottom-offset - 5px;
.mw-mmv-dialog-down-arrow {
bottom: @bottom-offset + ( @buttons-size / 2 ) - ( @arrow-size / 2 );
background-color: @background-color-base;
}
.mw-mmv-dialog-warning {
padding: 10px 30px;
}
.cdx-button__icon--download {
.cdx-mixin-css-icon( @cdx-icon-download, @param-is-button-icon: true );
}
}