mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-30 00:55:00 +00:00
e888d7b985
Objectives: * Ensure items don't get moved to the end when their sort-key is edited * Add placeholder text and pending styling to input * Auto-expand input to the end of the line * Make the minimum input width smaller Changes: ve.ui.MWMetaDialog.js * Added calls to fitInput on initialize * Fixed sort key update and insert handlers to maintain item position when updating ve.ui.GroupElement.js * Added index argument to addItems, allowing items to be inserted at a specific location ve.ui.PagePanelLayout.js * Fixed CSS class name ve.ui.StackPanelLayout.js, ve.ui.MenuWidget.js, ve.ui.SelectWidget.js * Passed index argument through to group element ve.ui.PanelLayout.js * Fixed overflow direction for scrolling option ve.ui.Inspector.css * Moved border-box properties to text input widget class * Set input widget within inspectors to be 100% by default ve.ui.Layout.css * Updated CSS class name * Whitespace fixes ve.ui.Widget.css * Made text input widgets's wrapper default to 20em wide and the input inside it be 100%, using border-box to ensure proper sizing * Adjusted category list item and input styles to make input appear more like a category item * Whitespace fixes ve.ui.MWCategoryInputWidget.js * Made category input widget inherit text input widget, rather than just input widget ve.ui.MWCategoryWidget.js * Replaced group functionality by mixing in group element * Added fitInput, which automatically make the input fill the rest of the line or take up the entire next line depending on how much space is left VisualEditor.i18n.php * Adjusted placeholder text for category input Change-Id: I79a18a7b849804027473084a42c36133fdacad57
56 lines
1,007 B
CSS
56 lines
1,007 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 {
|
|
width: 100%;
|
|
}
|
|
|
|
.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;
|
|
}
|