Revision ba16aed0
| b/ui/static/main.css | ||
|---|---|---|
| 807 | 807 |
background-color:#A1C8DB; |
| 808 | 808 |
} |
| 809 | 809 |
|
| 810 |
.machine img.connect-arrow {
|
|
| 811 |
display: block; |
|
| 810 |
.machine div.connect-arrow {
|
|
| 811 |
display: none; |
|
| 812 |
cursor: pointer; |
|
| 812 | 813 |
margin-left: -7px !important; |
| 814 |
margin-top:7px; |
|
| 813 | 815 |
position: absolute; |
| 816 |
background: url(/static/connect-arrow.png) no-repeat; |
|
| 817 |
height: 28px; |
|
| 818 |
width:14px; |
|
| 819 |
} |
|
| 820 |
|
|
| 821 |
.machine div.connect-arrow:hover {
|
|
| 822 |
background: url(/static/connect-arrow-hover.png) no-repeat; |
|
| 823 |
height: 28px; |
|
| 824 |
width:26px; |
|
| 814 | 825 |
} |
| 815 | 826 |
|
| 816 | 827 |
.machine div.connect-border {
|
| b/ui/templates/machines_icon.html | ||
|---|---|---|
| 32 | 32 |
<img class="wave" style="display:none" src="static/icons/indicators/medium/wave.gif" /> |
| 33 | 33 |
</div> |
| 34 | 34 |
<div class='connect-border'></div> |
| 35 |
<img class='connect-arrow' src="/static/connect-arrow.png"/>
|
|
| 35 |
<div class='connect-arrow'></div>
|
|
| 36 | 36 |
<img class="logo" src="" /> |
| 37 | 37 |
<div href="#" class="name"> |
| 38 | 38 |
<h5 class="namecontainer editable"> |
| ... | ... | |
| 101 | 101 |
// actions on mahcine hover |
| 102 | 102 |
$("#machinesview-icon.standard .machine").live('mouseover', function() {
|
| 103 | 103 |
// show connect button |
| 104 |
$(this).find("img.connect-arrow").show();
|
|
| 104 |
$(this).find("div.connect-arrow").show();
|
|
| 105 | 105 |
$(this).find("div.connect-border").show();
|
| 106 | 106 |
// change color of info button |
| 107 | 107 |
$(this).find(".info-header").addClass('info-hover');
|
| ... | ... | |
| 109 | 109 |
|
| 110 | 110 |
$("#machinesview-icon.standard .machine").live('mouseout', function() {
|
| 111 | 111 |
// hide connect button |
| 112 |
$(this).find("img.connect-arrow").hide();
|
|
| 112 |
$(this).find("div.connect-arrow").hide();
|
|
| 113 | 113 |
$(this).find("div.connect-border").hide();
|
| 114 | 114 |
// change color of info button |
| 115 | 115 |
$(this).find(".info-header").removeClass('info-hover');
|
Also available in: Unified diff