mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/elements/ve.ui.MWFloatingHelpElement.css
Thiemo Kreuz dd68dd38d7 Minor fixes to floating help dialog in desktop mode
There was a remaining issue when the window was made very narrow in
desktop mode (smaller than 500px). This patch doesn't aim to really
"fix" the dialog's design in this case. The goal is to make the popup
window appear less broken, so the text can stil be read and the
buttons clicked. That's all.

This patch should not have any effect in:
a) mobile mode,
b) desktop mode when the window is wider than 500px.

Bug: T294839
Change-Id: I3171dbb991533b91eaadba63b78d0ff40aa486dc
2021-11-11 12:23:26 +01:00

44 lines
1.1 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface floating help element styles.
*
* @copyright 2011-2021 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwFloatingHelpElement {
position: fixed;
z-index: 2;
}
.ve-ui-mwFloatingHelpElement .oo-ui-windowManager-floating .oo-ui-dialog {
position: relative;
margin-bottom: 16px;
padding: 0;
}
.ve-ui-mwFloatingHelpElement .oo-ui-windowManager-floating .oo-ui-dialog .oo-ui-window-frame {
position: relative;
top: 0;
}
.ve-ui-mwFloatingHelpElement .oo-ui-windowManager .oo-ui-dialog .oo-ui-processDialog-actions-safe {
left: auto;
right: 0;
}
.ve-ui-mwFloatingHelpElement-windowManager .oo-ui-dialog .oo-ui-panelLayout {
padding: 16px;
}
.ve-ui-mwFloatingHelpElement .ve-ui-mwFloatingHelpElement-toggle {
float: right;
}
.ve-ui-mwFloatingHelpElement .ve-ui-mwFloatingHelpElement-toggle > .oo-ui-buttonElement-button {
/* Same as in https://phabricator.wikimedia.org/diffusion/EGRE/browse/master/modules/ui-components/HelpPanelButton.less */
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.5 );
border-radius: 50%;
width: 50px;
height: 50px;
}