apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Project dashboard: Fix user label overflow

Browse Source 
Adds text-overflow for long user names on project dashboard
This commit is contained in:
Brian Federle 2014-10-23 11:29:02 -07:00
parent 94b16b3bd5
commit 160fc13713
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui/css/cloudstack3.css
View File

@ -10012,13 +10012,17 @@ div.container div.panel div#details-tab-addloadBalancer.detail-group div.loadBal
} }
.project-dashboard-view .users .system-dashboard li .header { .project-dashboard-view .users .system-dashboard li .header {
width: 77px; width: 77px;
/*+placement:shift 7px 110px;*/ max-width: 77px;
position: relative; /*+placement:shift 7px 110px;*/
left: 7px; position: relative;
top: 110px; left: 7px;
position: absolute; top: 110px;
text-align: center; position: absolute;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
/**** Info box*/ /**** Info box*/

3
ui/scripts/ui-custom/projects.js
View File

@ -106,7 +106,8 @@
$.each(item, function(arrayKey, arrayValue) { $.each(item, function(arrayKey, arrayValue) {
var $arrayElem = $li.find('[data-list-item=' + arrayKey + ']'); var $arrayElem = $li.find('[data-list-item=' + arrayKey + ']');
$arrayElem.html(_s(arrayValue)); $arrayElem.text(_s(arrayValue));
$arrayElem.attr('title', _s(arrayValue));
}); });
$li.attr({ $li.attr({