Repository: cloudstack Updated Branches: refs/heads/4.4 e28948ccc -> 542c2608e
List view, dialog VM select: Widen name field to better fit IP subselect box Project: http://git-wip-us.apache.org/repos/asf/cloudstack/repo Commit: http://git-wip-us.apache.org/repos/asf/cloudstack/commit/c90c340d Tree: http://git-wip-us.apache.org/repos/asf/cloudstack/tree/c90c340d Diff: http://git-wip-us.apache.org/repos/asf/cloudstack/diff/c90c340d Branch: refs/heads/4.4 Commit: c90c340d577e40dcc9b70d85e10cb61df3b9b6ec Parents: e28948c Author: Brian Federle <brian.fede...@citrix.com> Authored: Thu Apr 24 11:30:20 2014 -0700 Committer: Daan Hoogland <d...@onecht.net> Committed: Mon May 5 22:46:38 2014 +0200 ---------------------------------------------------------------------- ui/css/cloudstack3.css | 77 ++++++++++++++++++++++------------ ui/scripts/ui/widgets/listView.js | 3 ++ 2 files changed, 53 insertions(+), 27 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cloudstack/blob/c90c340d/ui/css/cloudstack3.css ---------------------------------------------------------------------- diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css index 06351d7..64426b8 100644 --- a/ui/css/cloudstack3.css +++ b/ui/css/cloudstack3.css @@ -173,6 +173,11 @@ table tbody td.truncated > span { text-overflow: ellipsis; } +.list-view-select table th.name, +.list-view-select table td.name { + width: 170px; +} + /** Multiselect*/ table thead th.multiselect, table tbody td.multiselect { @@ -210,6 +215,23 @@ table tbody td.actions input { margin: 11px 0 0px; } +.list-view-select table tbody td.actions { + width: 40px !important; + min-width: 40px !important; + max-width: 40px !important; +} + +.list-view-select table tbody td.actions input { + margin: 0 0 0 -7px; +} + +.list-view-select table thead th.actions { + width: 40px !important; + min-width: 40px !important; + max-width: 40px !important; + text-indent: 5px; +} + /** Quick view table cell*/ table tbody td.quick-view, table thead th.quick-view { @@ -7944,13 +7966,13 @@ div.panel.ui-dialog div.list-view div.fixed-header { /*List-view: subselect dropdown*/ .list-view .subselect { - width: 102px; + width: 173px; cursor: default; display: block; float: left; - background: #EFEFEF; + background: #E8E8E8; padding: 0; - margin: 8px 0 1px 7px; + margin: 0 0 0 -3px; clear: both; border: 1px solid #A8A7A7; /*+border-radius:2px;*/ @@ -7978,8 +8000,8 @@ div.panel.ui-dialog div.list-view div.fixed-header { } .list-view .subselect select { - width: 85%; - margin: 5px 0 4px; + width: 175px; + margin: 0 0 0 -11px; font-size: 10px; } @@ -12908,20 +12930,19 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it display: inline-block; } - /*GPU*/ div.gpugroups div.list-view div.fixed-header { - position: relative; - left: 12px !important; - top: 0px !important; + position: relative; + left: 12px !important; + top: 0px !important; } div.gpugroups div.list-view div.fixed-header table { - width: auto; + width: auto; } div.gpugroups div.list-view div.data-table table { - margin-top: 0; + margin-top: 0; } div.gpugroups div.list-view { @@ -12932,25 +12953,27 @@ div.gpugroups div.list-view { } .gpugroups { - float: left; - height: 100%; - width: 100%; - overflow-x: hidden; - overflow-y: auto; + float: left; + height: 100%; + width: 100%; + overflow-x: hidden; + overflow-y: auto; } + .gpugroups .gpugroup-container { - border: 1px solid #C8C2C2; - border-radius: 3px; - height: auto !important; - margin: 12px; - padding: 0; - position: relative; - float: left; - width: auto; + border: 1px solid #C8C2C2; + border-radius: 3px; + height: auto !important; + margin: 12px; + padding: 0; + position: relative; + float: left; + width: auto; } .gpugroups .gpugroup-container .title { - font-size: 13px; - font-weight: 100; - padding: 12px 12px 5px; + font-size: 13px; + font-weight: 100; + padding: 12px 12px 5px; } + http://git-wip-us.apache.org/repos/asf/cloudstack/blob/c90c340d/ui/scripts/ui/widgets/listView.js ---------------------------------------------------------------------- diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js index e0a294c..be40d33 100644 --- a/ui/scripts/ui/widgets/listView.js +++ b/ui/scripts/ui/widgets/listView.js @@ -899,6 +899,7 @@ return true; if (action.type == 'radio') { + $td.closest('.list-view').addClass('list-view-select'); $td.append( $('<div></div>') .addClass('action') @@ -918,6 +919,7 @@ return true; } else if (action.type == 'checkbox') { + $td.closest('.list-view').addClass('list-view-select'); $td.append( $('<div></div>') .addClass('action') @@ -1317,6 +1319,7 @@ var $option = $('<option>'); $option.attr('value', item.id); + $option.attr('title', item.description); $option.append(item.description); $option.appendTo($select.find('select')); });
