diff options
Diffstat (limited to 'modules-available/roomplanner')
-rw-r--r-- | modules-available/roomplanner/js/grid.js | 20 | ||||
-rw-r--r-- | modules-available/roomplanner/style.css | 24 |
2 files changed, 21 insertions, 23 deletions
diff --git a/modules-available/roomplanner/js/grid.js b/modules-available/roomplanner/js/grid.js index 80789963..9157faa5 100644 --- a/modules-available/roomplanner/js/grid.js +++ b/modules-available/roomplanner/js/grid.js @@ -123,20 +123,20 @@ if (!roomplanner) var roomplanner = { }); } }, - initTooltip: function(el) { + initTooltip: function (el) { if ($(el).attr('itemtype') === 'pc') { - var tip = '<div class="table">'; - $(roomplanner.computerAttributes).each(function(i,key){ + var tip = '<table>'; + $(roomplanner.computerAttributes).each(function (i, key) { + tip += '<tr>'; if (key === 'hostname') { - tip += '<div class="tc">' + $(el).attr(key) + '</div>'; - return; + tip += '<td colspan="2">' + $(el).attr(key) + '</td>'; + } else { + tip += '<td>' + __(key) + ": " + '</td>'; + tip += '<td>' + $(el).attr(key) + '</td>'; } - tip += '<div class="tr">'; - tip += '<div class="td">' + __(key) + ": " + '</div>'; - tip += '<div class="td">' + $(el).attr(key) + '</div>'; - tip += '</div>'; + tip += '</tr>'; }); - tip += '</div>'; + tip += '</table>'; $(el).attr('title', tip).attr('data-toggle', 'tooltip'); $(el).tooltip({html: true, container: 'body'}); diff --git a/modules-available/roomplanner/style.css b/modules-available/roomplanner/style.css index 0fe56ad6..70feb946 100644 --- a/modules-available/roomplanner/style.css +++ b/modules-available/roomplanner/style.css @@ -795,7 +795,7 @@ div.ui-draggable:hover > .pcHandle { border-top: 1px solid #bbb; } -.machine-entry-header { +div.machine-entry-header { font-weight: bolder; font-size: 18px; } @@ -804,33 +804,31 @@ div.ui-draggable:hover > .pcHandle { max-height : 600px; } -.tooltip > .tooltip-inner { - color: #FFFFFF; - text-align: left; - max-width: 500px; +.tooltip-inner { + min-width: 300px; + max-width: 900px; } -div.table { - display: table; +.tooltip-inner table { border-collapse:collapse; text-align: left; margin-bottom: 10px; } -div.tr { - display:table-row; +.tooltip-inner tr { border-top: 1px solid #bbb; - border-bottom: 1px solid #bbb; } -div.td { +.tooltip-inner td { display:table-cell; padding: 2px; } -div.tc { - display:table-caption; +.tooltip-inner tr:first-child { font-weight: bold; font-size: 16px; padding-bottom: 5px; + white-space: nowrap; + border: none; + text-align: center; } |