Updated Branches: refs/heads/master b4b34edf1 -> 0db10ad55
Multiselect: Fix size and alignment on select column Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/f930ccda Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/f930ccda Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/f930ccda Branch: refs/heads/master Commit: f930ccda99e7b17844a0a27dc339ad3fd7b9407c Parents: b4b34ed Author: Brian Federle <brian.fede...@citrix.com> Authored: Thu Oct 31 13:28:06 2013 -0700 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Thu Oct 31 13:28:06 2013 -0700 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 17 +++++++++++++++++ ui/scripts/ui/widgets/listView.js | 5 +++-- 2 files changed, 20 insertions(+), 2 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/f930ccda/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index f18fbed..9b7ea41 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -173,6 +173,23 @@ table tbody td.truncated > span { text-overflow: ellipsis; } +/** Multiselect*/ +table thead th.multiselect, +table tbody td.multiselect { + width: 40px; + min-width: 40px; + max-width: 40px; +} + +table thead th.multiselect input, +table tbody td.multiselect input { + margin: 0; +} + +table thead th.multiselect input { + margin-left: 2px; +} + /** Actions table cell*/ table tbody td.actions { width: 130px; http://git-wip-us.apache.org/repos/asf/cloudstack/blob/f930ccda/ui/scripts/ui/widgets/listView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js index 21d03b1..fad2a5e 100644 --- a/ui/scripts/ui/widgets/listView.js +++ b/ui/scripts/ui/widgets/listView.js @@ -767,7 +767,7 @@ hiddenFields = preFilter(); if (multiSelect) { - var $th = $('<th>').appendTo($thead.find('tr')); + var $th = $('<th>').addClass('multiselect').appendTo($thead.find('tr')); var content = $('<input>') .attr('type', 'checkbox') .addClass('multiSelectMasterCheckbox') @@ -1054,7 +1054,8 @@ if (multiSelect) { var $td = $('<td>') - .appendTo($tr); + .addClass('multiselect') + .appendTo($tr); var content = $('<input>') .attr('type', 'checkbox') .addClass('multiSelectCheckbox')
