mediawiki-extensions-Visual.../modules/ve-mw/ui/styles/widgets/ve.ui.MWAceEditorWidget.css
Ed Sanders 6fc47dce64 MWAceEditorWidget: Fix position of ace tooltip
The floating tooltip breaks inside OOUI dialogs. In the absence
of an upstream fix, just anchor it to the bottom of the textbox.

Bug: T160245
Change-Id: I9055c4e4947f5581605bd490f076415c1edaf8ec
2017-03-15 12:02:27 -07:00

39 lines
1.2 KiB
CSS

/*!
* VisualEditor MediaWiki UserInterface MWAceEditorWidget styles.
*
* @copyright 2011-2017 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-mwAceEditorWidget .ace_editor {
border: 1px solid #ccc;
margin: 1px;
/* Specify a valid second value to fix size in Chrome/FF */
font-family: monospace, 'Courier';
font-size: inherit;
line-height: 1.5;
/* Allow tooptip outside of editor */
overflow: visible;
}
.ve-ui-mwAceEditorWidget .ace_tooltip {
/* Make tooltip into status bar, as position is broken in Ace */
top: auto !important; /* stylelint-disable-line declaration-no-important */
bottom: -23px !important; /* stylelint-disable-line declaration-no-important */
left: 0 !important; /* stylelint-disable-line declaration-no-important */
white-space: pre-wrap;
position: absolute;
}
.ve-ui-mwAceEditorWidget .ace_focus {
/* TODO: Move to mediawiki theme only */
border-color: #36c;
/* HACK: Make border grow out as inset doesn't overlap absolute positioned children */
border-width: 2px;
margin: 0;
}
.ve-ui-mwAceEditorWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .ace_editor {
border-color: #f00;
}