mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Inspector.css
Trevor Parscal 168fcec387 Added layouts and fixed up dialog styling issues
ve.ui.Dialog.css
* Fix issue where the use of margin auto on the outer dialog wrapper
  would expose parts of the underlying content - this is resolved by
  making the outer wrapper cover the whole screen and making the
  window frame use margin auto

ve.ui.Icons*.css
* Added missing settings icon rule

ve.ui.Layout.css
* Added styles for editor panel

ve.ui.Window.css
* Removed default height, setting it specifically in inspector now

ve.ui.EditorPanelLayout.js
* New layout, adds a title and icon above the content

ve.ui.TitledEditorLayout.js
* Similar to labeled widget, but for panels

ve.ui.MetaDialog.js
* Using settings icon now
* Switched to using a specific layout - still hard-coded for
  categories

ve.ui.Frame.js
* Modified style loader to guarantee order of style rules, no matter
  what order they load in

*.php
* Moved layouts to be included after widgets so they can use widgets
* Added links to new layouts

Change-Id: I7ff5f5f095460fd4f6cf841f4182bfb92bf034da
2013-03-26 20:52:35 +00:00

55 lines
996 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;
}
.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;
}