mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer
synced 2024-11-26 00:55:43 +00:00
194876ba58
The share/embed tab bar used some hacks to disable MenuSelectWidget's normal behavior of disappearing once a selection has been made; after the last OOUI update this doesn't work anymore. This commit makes some small changes to make it work again: * replace .show() with .toggle() as the widget uses a custom show/hide mechanism now * reorder some calls - .toggle() has no effect as long as the menu has no options * disable autoHide which would hide the menu when the user clicks outside (didn't test if it is really needed but seemed reasonable) Also undoes some CSS changes that came with the update. Bug: T89531 Change-Id: I3688ec21250bf2eb8dbfd67e306e857028d71fc7
62 lines
1.4 KiB
Plaintext
62 lines
1.4 KiB
Plaintext
@import "../mmv.mixins";
|
|
@import "../mmv.globals";
|
|
|
|
.mw-mmv-reuse-dialog {
|
|
@divider-border-height: 1px;
|
|
|
|
// positioned relative to the reuse button
|
|
bottom: @metadatabar-above-fold-height + @progress-bar-height - 5px;
|
|
|
|
.mw-mmv-reuse-tabs {
|
|
@divider-color: rgb(204, 204, 204);
|
|
|
|
position: static;
|
|
box-shadow: none;
|
|
padding-bottom: 0; // OOUI override
|
|
border: none; // OOUI override
|
|
border-bottom: @divider-border-height solid @divider-color;
|
|
.box-round(@border-radius @border-radius 0 0);
|
|
|
|
.oo-ui-iconedElement-icon.oo-ui-icon-check, .oo-ui-iconElement-icon.oo-ui-icon-check {
|
|
display: none;
|
|
}
|
|
|
|
.oo-ui-optionWidget {
|
|
@tab-border-height: 3px;
|
|
@highlighted-tab-color: rgb(225, 243, 255);
|
|
@selected-tab-color: rgb(0, 113, 188);
|
|
|
|
display: inline-block;
|
|
padding: 10px 25px;
|
|
|
|
font-size: 1.2em;
|
|
|
|
&.oo-ui-optionWidget-highlighted {
|
|
border-bottom: (@tab-border-height - @divider-border-height) solid @highlighted-tab-color;
|
|
}
|
|
|
|
&.oo-ui-optionWidget-selected,
|
|
&.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
|
|
border-bottom: @tab-border-height solid @selected-tab-color;
|
|
}
|
|
|
|
&:first-child {
|
|
.box-round(@border-radius 0 0 0);
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-mmv-reuse-pane {
|
|
display: none;
|
|
padding: 20px;
|
|
|
|
&.active {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.mw-mmv-dialog-down-arrow {
|
|
bottom: @metadatabar-above-fold-height + @progress-bar-height + 5px;
|
|
}
|
|
}
|