diff options
| author | raylu <raylu@gridium.com> | 2013-10-21 23:35:53 -0700 |
|---|---|---|
| committer | raylu <raylu@gridium.com> | 2013-10-21 23:35:53 -0700 |
| commit | 0761480db9c0a83662ca31662ddb88214750cece (patch) | |
| tree | f3cc76e95667c64d9d14a7a7ffced38e225e1bf1 /web/static | |
| parent | e38de9534b3c5d38a77f94c9843ce88856f5a802 (diff) | |
| download | ykill-0761480db9c0a83662ca31662ddb88214750cece.tar.xz | |
fitting tooltips
Diffstat (limited to 'web/static')
| -rw-r--r-- | web/static/css/kill.ccss | 16 | ||||
| -rw-r--r-- | web/static/js/kill.js | 12 |
2 files changed, 23 insertions, 5 deletions
diff --git a/web/static/css/kill.ccss b/web/static/css/kill.ccss index 3e09ba7..6ef779c 100644 --- a/web/static/css/kill.ccss +++ b/web/static/css/kill.ccss @@ -38,6 +38,22 @@ display: inline-block width: 32px height: 32px + position: relative // for .tooltip + + .tooltip: + display: none + position: absolute + top: 32px + left: 8px + line-height: 1em + padding: 8px 10px + background-color: rgba(40, 40, 40, 0.9) + white-space: nowrap + text-align: center + z-index: 1 + pointer-events: none + &:hover .tooltip: + display: block .avail: border: 1px solid #888 diff --git a/web/static/js/kill.js b/web/static/js/kill.js index feb47ea..2c12d2d 100644 --- a/web/static/js/kill.js +++ b/web/static/js/kill.js @@ -64,14 +64,15 @@ window.addEvent('domready', function() { var div = $('slot_' + item['flag']); var bg_img = div.getStyle('background-image'); if (bg_img == 'none') - set_bg_item(div, item['type_id']); + set_item(div, item); else { var charge_div = $('charge_' + item['flag']); if (item['capacity']) { - set_bg_item(div, item['type_id']); charge_div.setStyle('background-image', bg_img); + charge_div.grab(div.getChildren()[0]); + set_item(div, item); } else { - set_bg_item(charge_div, item['type_id']); + set_item(charge_div, item); } } }); @@ -126,8 +127,9 @@ window.addEvent('domready', function() { }); }); - function set_bg_item(div, type_id) { - div.setStyle('background-image', 'url(//image.eveonline.com/type/' + type_id + '_32.png)'); + function set_item(div, item) { + div.setStyle('background-image', 'url(//image.eveonline.com/type/' + item['type_id'] + '_32.png)'); + div.grab(new Element('div', {'class': 'tooltip', 'html': item['item_name']})); } function show_attacker(table, char) { |