mediawiki-extensions-Multim.../resources/mmv/mmv.variables.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

40 lines
1.3 KiB
Plaintext

@import 'mediawiki.skin.variables.less';
// MultimediaViewer specific global variables
// Height of the area of the metadata bar which is visible without scrolling.
@metadatabar-above-fold-height: 86px;
// adjust for @metadatabar-below-fold-pushup-height wide bottom padding - that area will be overlapped
// by the revealed part of the below-the-fold content
@metadatabar-above-fold-inner-height: @metadatabar-above-fold-height - @metadatabar-below-fold-pushup-height;
// Height of the top part of the "below-fold" content which is actually above the fold, as a scrolling affordance
@metadatabar-below-fold-pushup-height: 30px;
@panel-above-fold-background-color: @background-color-base;
// Height of the progress bar
@progress-bar-height: 14px;
// Height of dialogs
@dialog-height: 350px;
// Arrow size for dialogs
@arrow-size: 20px;
@arrow-border-size: 2px;
// Some button things that get included all over
@buttons-size: 32px;
@buttons-size-large: 44px;
@buttons-gap: 10px;
@buttons-offset-edge: 14px;
@buttons-offset-each: @buttons-size + @buttons-gap;
@buttons-icon-size: 20px; //icon size medium
@buttons-icon-size-large: 30px;
// dark mode version of --background-color-interactive-subtle
@buttons-background-color: #202122;
// dark mode version of --background-color-interactive-subtle: #202122;
@buttons-background-color-faded: ~'#20212274';