Multi-edit: Allow horizontal overflow
Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/aec2cfe2 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/aec2cfe2 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/aec2cfe2 Branch: refs/heads/master Commit: aec2cfe2ccccb78820368264eed7105b409615f5 Parents: 0fa3ed9 Author: Brian Federle <[email protected]> Authored: Tue Feb 26 11:31:34 2013 -0800 Committer: Brian Federle <[email protected]> Committed: Tue Feb 26 11:32:01 2013 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 2 +- ui/scripts/ui/widgets/multiEdit.js | 8 ++++++-- 2 files changed, 7 insertions(+), 3 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/aec2cfe2/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index cf18ab2..5751fe3 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -7286,6 +7286,7 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t } .multi-edit { + overflow: auto; } .multi-edit > form { @@ -7464,7 +7465,6 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t } .multi-edit .data .data-body { - width: 96%; margin: auto auto auto 11px; overflow: hidden; } http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/aec2cfe2/ui/scripts/ui/widgets/multiEdit.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/multiEdit.js b/ui/scripts/ui/widgets/multiEdit.js index fe6c145..2480f56 100755 --- a/ui/scripts/ui/widgets/multiEdit.js +++ b/ui/scripts/ui/widgets/multiEdit.js @@ -222,8 +222,7 @@ } // Align width to main header - var targetWidth = $multi.find('th.' + fieldName).width() + 5; - $td.width(targetWidth); + _medit.refreshItemWidths($multi); if (data._hideFields && $.inArray(fieldName, data._hideFields) > -1) { @@ -523,10 +522,15 @@ * Align width of each data row to main header */ refreshItemWidths: function($multi) { + $multi.find('.data-body').width( + $multi.find('form > table.multi-edit').width() + ); + $multi.find('.data tr').filter(function() { return !$(this).closest('.expandable-listing').size(); }).each(function() { var $tr = $(this); + $tr.find('td').each(function() { var $td = $(this);
