mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-29 16:44:51 +00:00
8f3e6f152f
ve.ui.MetaDialog.js * Added scrolling to outline panel ve.ui.css * Added reusable animation keyframes ve.ui.Dialog.css * Changed dialog head style * Changed dialog cancel button to close icon button * Added animation of dialog opening * Increased min-height of dialog to always show a little content ve.ui.Icons-*.css * Added close icon (not sure why it was missing) ve.ui.Window.css * Moved head padding out of window and into implementations of window ve.ui.Dialog.js * Moved apply button to footer * Renamed cancel button to close button * Overrode close method with triggers a closing animation and then calls the parent close method after an animation is complete * Added classes to close and apply buttons to make styling less ambiguous * Converted cancel button (now the close button) to an icon button ve.ui.Window.js * Added footer to dialog VisualEditor*.php * Added close message Change-Id: Iededbc54b287328b3047b05efad6ca3cc152caa5
56 lines
1,013 B
CSS
56 lines
1,013 B
CSS
/*!
|
|
* VisualEditor UserInterface Inspector styles.
|
|
*
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
.ve-ui-inspector {
|
|
-webkit-transition: opacity 100ms;
|
|
-moz-transition: opacity 100ms;
|
|
-ms-transition: opacity 100ms;
|
|
-o-transition: opacity 100ms;
|
|
transition: opacity 100ms;
|
|
}
|
|
|
|
.ve-ui-inspector .ve-ui-frame {
|
|
width: 17.25em;
|
|
height: 3em;
|
|
}
|
|
|
|
.ve-ui-window-head {
|
|
height: 2em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.ve-ui-window-icon {
|
|
padding-left: 0.5em;
|
|
margin-left: 0.25em;
|
|
border-left: solid 1px #eee;
|
|
}
|
|
|
|
.ve-ui-inspector-closeButton {
|
|
float: left;
|
|
}
|
|
|
|
.ve-ui-inspector-removeButton {
|
|
float: right;
|
|
}
|
|
|
|
.ve-ui-window-body form {
|
|
margin: 0.25em 0 0 0;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ve-ui-window-body .ve-ui-textInputWidget input {
|
|
width: 20em;
|
|
}
|
|
|
|
.ve-ui-window-body form input.ve-ui-linkInspector-location {
|
|
/* @see ve.ui.Icons */
|
|
background-position: 18.75em center;
|
|
background-repeat: no-repeat;
|
|
padding-right: 1.5em;
|
|
}
|