/*
This file is part of Ext JS 4.2
Copyright (c) 2011-2013 Sencha Inc
Contact: http://www.sencha.com/contact
GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as
published by the Free Software Foundation and appearing in the file LICENSE included in the
packaging of this file.
Please review the following information to ensure the GNU General Public License version 3.0
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
If you are unsure which license is appropriate for your use, please contact the sales department
at http://www.sencha.com/contact.
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
*/
Ext.define('Ext.rtl.tab.Bar', {
override: 'Ext.tab.Bar',
adjustTabPositions: function() {
var items = this.items.items,
i = items.length,
tab;
if (!this.getHierarchyState().rtl) {
return this.callParent();
}
// When tabs are rotated vertically we don't have a reliable way to position
// them using CSS in modern browsers. This is because of the way transform-orign
// works - it requires the width to be known, and the width is not known in css.
// Consequently we have to make an adjustment to the tab's position in these browsers.
// This is similar to what we do in Ext.panel.Header#adjustTitlePosition
if (!Ext.isIE9m) {
if (this.dock === 'left') {
// rotated 90 degrees around using the top left corner as the axis.
// tabs need to be shifted to the right by their height
while (i--) {
tab = items[i];
tab.el.setStyle('right', -tab.lastBox.height + 'px');
}
} else if (this.dock === 'right') {
// rotated 270 degrees around using the top right corner as the axis.
// tabs need to be shifted to the left by their width
while (i--) {
tab = items[i];
tab.el.setStyle('right', tab.lastBox.width + 'px');
}
}
}
}
})
|
Download
