composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°380 Fixed UI in console, object details that were going over their container sometimes

Browse Source 
SVN:trunk[4796]
This commit is contained in:
Guillaume Lajarige
2017-07-04 11:58:40 +00:00
parent 3cecdeff1c
commit d80c2293dc
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
application/itopwebpage.class.inc.php
View File

@@ -332,10 +332,12 @@ EOF
// This helper will be used to resize tab width
var resizeTab = function(oElem){
var iTableWidth = (oElem.children('table:first').length > 0) ? oElem.children('table:first').outerWidth() : 0;
var oWizContainerElem = $('.wizContainer');
var oLayoutContentElem = oElem.closest('.ui-layout-content');
var bEditMode = (oLayoutContentElem.find('.wizContainer').length > 0);
var oContainerElem = (bEditMode) ? oLayoutContentElem.find('.wizContainer:first') : oLayoutContentElem.find('.ui-tabs:first');
// Resizing wizard container
oWizContainerElem.css('min-width',
oContainerElem.css('min-width',
parseInt(iTableWidth) +
parseInt(oElem.css('margin-left'))*2 +
parseInt(oElem.css('padding-left'))*2 +
@@ -343,12 +345,13 @@ EOF
parseInt(tabs.css('padding-left'))*2
)
// Resizing header according to wizContainer
oWizContainerElem.parent().find('.page_header').css('min-width',
parseInt(oWizContainerElem.width()) +
parseInt(oWizContainerElem.css('margin-left'))*2 +
parseInt(oWizContainerElem.css('padding-left'))*2
);
// Resizing header according to content container
var iLayoutContentWidth = parseInt(oContainerElem.width());
if(bEditMode)
{
iLayoutContentWidth += parseInt(oContainerElem.css('margin-left'))*2 + parseInt(oContainerElem.css('padding-left'))*2
}
oLayoutContentElem.find('.page_header').css('min-width', iLayoutContentWidth);
};
// Ugly patch for a change in the behavior of jQuery UI:
@@ -374,7 +377,7 @@ EOF
event: 'change', 'show': function(event, ui) {
$('.resizable', ui.panel).resizable(); // Make resizable everything that claims to be resizable !
},
create: function( event, ui ) {
create: function( event, ui ) {console.log(ui);
resizeTab(ui.panel);
},
beforeLoad: function( event, ui ) {
@@ -387,7 +390,7 @@ EOF
ui.tab.data( "loaded", true );
});
},
activate: function( event, ui ) {
activate: function( event, ui ) {console.log(ui);
resizeTab(ui.newPanel);
}
});