mediawiki-extensions-Visual.../modules/ve/ui/layouts/ve.ui.PanelLayout.js
Trevor Parscal ef262dc241 Add padded option to layouts
Objectives:

* Add option to layouts to control whether it's padded or not
* Rename "scroll" option to "scrollable" to better fit with it's boolean value

Changes:

ve.ui.Layout.css
* Add styles for scrollable and padded options

ve.ui.StackPanelLayout.js, ve.ui.PagedDialog.js, ve.ui.ReferenceListDialog.js
* Update use of scroll option

ve.ui.PanelLayout.js
* Add padded option
* Rename scroll option to scrollable
* Switch to using a class for scrollable option, rather than hardcoding CSS properties

Change-Id: I50e996b9d2fde361238cde75e09baa5872e12223
2013-07-17 19:10:44 +00:00

43 lines
959 B
JavaScript

/*!
* VisualEditor UserInterface PanelLayout class.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Panel layout.
*
* @class
* @extends ve.ui.Layout
*
* @constructor
* @param {Object} [config] Config options
* @cfg {boolean} [scrollable] Allow vertical scrolling
* @cfg {boolean} [padded] Pad the content from the edges
*/
ve.ui.PanelLayout = function VeUiPanelLayout( config ) {
// Config initialization
config = config || {};
// Parent constructor
ve.ui.Layout.call( this, config );
// Initialization
this.$.addClass( 've-ui-panelLayout' );
if ( config.scroll ) {
this.$.addClass( 've-ui-panelLayout-scrollable' );
}
if ( config.padded ) {
this.$.addClass( 've-ui-panelLayout-padded' );
}
// Add directionality class:
this.$.addClass( 've-' + this.$$.frame.dir );
};
/* Inheritance */
ve.inheritClass( ve.ui.PanelLayout, ve.ui.Layout );