etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

List view, dialog VM select: Widen name field to better fit IP subselect box

This commit is contained in:
Brian Federle 2014-04-24 11:30:20 -07:00
parent f7f84fba89
commit 38c99ffdab
2 changed files with 53 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
ui/css/cloudstack3.css
View File

@ -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;
}

3
ui/scripts/ui/widgets/listView.js
View File

@ -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'));
});