Revision 0a891fe0
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/vm-wizard.js | ||
|---|---|---|
| 243 | 243 |
$(this).addClass('current');
|
| 244 | 244 |
}); |
| 245 | 245 |
|
| 246 |
$('.flavor .options a').hover(
|
|
| 247 |
function(){
|
|
| 248 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
|
| 249 |
var text = $(this).data('help');
|
|
| 250 |
paragraph.html(text); |
|
| 251 |
paragraph.css('visibility','visible');
|
|
| 252 |
}, function() {
|
|
| 253 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
|
| 254 |
paragraph.css('visibility','hidden');
|
|
| 255 |
} |
|
| 256 |
); |
|
| 246 | 257 |
/* step-3: Advanced options */ |
| 247 | 258 |
|
| 248 | 259 |
// reaction li.click |
| ... | ... | |
| 264 | 275 |
} |
| 265 | 276 |
}); |
| 266 | 277 |
|
| 267 |
$('.flavor .options a').hover(
|
|
| 268 |
function(){
|
|
| 269 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
|
| 270 |
var text = $(this).data('help');
|
|
| 271 |
paragraph.html(text); |
|
| 272 |
paragraph.css('visibility','visible');
|
|
| 273 |
}, function() {
|
|
| 274 |
var paragraph = $(this).parents('.options-bar').siblings('.title').find('p');
|
|
| 275 |
paragraph.css('visibility','hidden');
|
|
| 276 |
} |
|
| 277 |
); |
|
| 278 | 278 |
|
| 279 | 279 |
|
| 280 | 280 |
// reaction a.click |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 400 | 400 |
em {
|
| 401 | 401 |
display: block; |
| 402 | 402 |
margin-top:4px; |
| 403 |
font-size:emCalc(11px);
|
|
| 403 |
font-size:11px;
|
|
| 404 | 404 |
color:$black; |
| 405 | 405 |
font-style:normal; |
| 406 | 406 |
font-weight:normal; |
| ... | ... | |
| 412 | 412 |
overflow:hidden; |
| 413 | 413 |
min-height:40px; |
| 414 | 414 |
color:$black; |
| 415 |
font-size:emCalc(11px);
|
|
| 415 |
font-size:11px;
|
|
| 416 | 416 |
} |
| 417 | 417 |
} |
| 418 | 418 |
.options-bar {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8692 | 8692 |
.wizard .middle .step .flavor li .title h2 em {
|
| 8693 | 8693 |
display: block; |
| 8694 | 8694 |
margin-top: 4px; |
| 8695 |
font-size: 0.6875em;
|
|
| 8695 |
font-size: 11px;
|
|
| 8696 | 8696 |
color: #1a1a1a; |
| 8697 | 8697 |
font-style: normal; |
| 8698 | 8698 |
font-weight: normal; |
| ... | ... | |
| 8704 | 8704 |
overflow: hidden; |
| 8705 | 8705 |
min-height: 40px; |
| 8706 | 8706 |
color: #1a1a1a; |
| 8707 |
font-size: 0.6875em;
|
|
| 8707 |
font-size: 11px;
|
|
| 8708 | 8708 |
} |
| 8709 | 8709 |
/* line 420, ../sass/_overlays.scss */ |
| 8710 | 8710 |
.wizard .middle .step .flavor li .options-bar .bar {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 251 | 251 |
<span class="snf-cpu icon"></span> |
| 252 | 252 |
<h2> |
| 253 | 253 |
CPU<span> (x cores)</span> |
| 254 |
<em>hover explanatory text</em>
|
|
| 254 |
<em>Choose number of CPU cores</em>
|
|
| 255 | 255 |
</h2> |
| 256 | 256 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 257 | 257 |
</div> |
| ... | ... | |
| 281 | 281 |
<h2> |
| 282 | 282 |
Memory Size |
| 283 | 283 |
<span> (MB)</span> |
| 284 |
<em>more hover explanatory text more hover explanatory text</em>
|
|
| 284 |
<em>Choose memory size</em>
|
|
| 285 | 285 |
</h2> |
| 286 | 286 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 287 | 287 |
</div> |
| ... | ... | |
| 309 | 309 |
<span class="snf-HDD icon"></span> |
| 310 | 310 |
<h2> |
| 311 | 311 |
Disk Size<span> (GB)</span> |
| 312 |
<em>oversized hover explanatory text more hover explanatory text oversized hover explanatory text more hover explanatory text</em>
|
|
| 312 |
<em>Choose disk size</em>
|
|
| 313 | 313 |
</h2> |
| 314 | 314 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 315 | 315 |
</div> |
| ... | ... | |
| 338 | 338 |
<span class="snf-HDD icon"></span> |
| 339 | 339 |
<h2> |
| 340 | 340 |
Storage |
| 341 |
<em>oversized hover explanatory text more hover explanatory text</em>
|
|
| 341 |
<em>Select storage type</em>
|
|
| 342 | 342 |
</h2> |
| 343 | 343 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
| 344 | 344 |
</div> |
| ... | ... | |
| 414 | 414 |
<h2 class="row">Networks</h2> |
| 415 | 415 |
<ul> |
| 416 | 416 |
<li class="checkbox row has-more select-net"> |
| 417 |
<h3 class=""> |
|
| 417 |
<h3 class="">
|
|
| 418 | 418 |
<div class="net-icons"> |
| 419 | 419 |
<span class="temp-line line1"></span> |
| 420 | 420 |
<span class="snf-www"></span> |
Also available in: Unified diff