Better styling of IP selection field
Project: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/commit/53c589a6 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/tree/53c589a6 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/diff/53c589a6 Branch: refs/heads/Health-Check-UI Commit: 53c589a624278d00e11d0241807bd5f6536e90c5 Parents: 03135ce Author: Brian Federle <brian.fede...@citrix.com> Authored: Fri Mar 8 10:51:32 2013 -0800 Committer: Brian Federle <brian.fede...@citrix.com> Committed: Fri Mar 8 10:51:32 2013 -0800 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 27 +++++++++++++++++++++++++++ ui/scripts/ui/widgets/listView.js | 3 +++ 2 files changed, 30 insertions(+), 0 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/53c589a6/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 634a7c1..2b7fefb 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -7311,6 +7311,33 @@ div.panel.ui-dialog div.list-view div.fixed-header { background: #C3E0FC; } +/*List-view: subselect dropdown*/ +.list-view .subselect { + width: 116px; + display: block; + float: left; + background: url(../images/bg-gradients.png) 0px -42px; + padding: 0; + margin: 8px 0 1px 7px; + clear: both; + border: 1px solid #A8A7A7; + /*+border-radius:4px;*/ + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; + border-radius: 4px; +} + +.list-view .subselect span { + margin: 4px 0 0 12px; +} + +.list-view .subselect select { + width: 85%; + margin: 5px 0 4px; + font-size: 10px; +} + /*Multi-edit*/ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit thead tr th, div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBalancer div.multi-edit form table.multi-edit tbody tr td { http://git-wip-us.apache.org/repos/asf/incubator-cloudstack/blob/53c589a6/ui/scripts/ui/widgets/listView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js index 304e035..a8f2ddb 100644 --- a/ui/scripts/ui/widgets/listView.js +++ b/ui/scripts/ui/widgets/listView.js @@ -1048,6 +1048,7 @@ if (subselect) { var $td = $tr.find('td.first'); var $select = $('<div></div>').addClass('subselect').append( + $('<span>').html('Use IP:'), $('<select>') ).hide(); var $selectionArea = $tr.find('td:last').find('input'); @@ -1078,6 +1079,8 @@ } else { $select.hide(); } + + $listView.find('.data-table').dataTable('refresh'); } } });
