x/compass-web
Code Issues Proposed changes

wizard icons

Browse Source 
Change-Id: I25d412ca82a5a213185e4925f1dbb3754670e2ba
This commit is contained in:
sharonlucong 2014-09-05 22:13:38 -07:00
parent 0a8b074ac4
commit d347e06a40
12 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
v2/assets/css/style.css
View File

@ -233,7 +233,7 @@ button[disabled] {
font-weight: bold;
}
.wizard-steps li.active .step {
background: #5293c4;
background: rgba(27, 92, 141, 1);
color: #fff;
font-weight: bold;
transform: scale(1.3, 1.3);
@ -589,17 +589,34 @@ div.center-align {
min-height: 50px;
padding: 10px;
}
.wizard-steps li .step {
transform: scale(1.6);
background-color: #AEAEAE;
border-style:none;
}
.wizard-steps li.complete .step:before {
background-color:rgba(255, 255, 255, 0);
top:23px;
right:-3px;
}
.wizard-steps li.complete:before, .wizard-steps li.complete .step {
background-color:#5293C4;
/* border-color: #93cbf9 !important;*/
}
.a.wizard-steps li.active:before, .wizard-steps li.active .step {
border-color: #80afd4 !important;
transform: scale(1.25) !important;
background-color:rgba(52, 109, 153, 1);
/*border-color: #93cbf9 !important;*/}
.a.wizard-steps li.active:before, .wizard-steps li.active .step {
/*border-color: #80afd4 !important;*/
transform: scale(1.7) !important;
font-weight: bold;
}
li.incomplete:before, li.incomplete .step {
border-color: #d15b47 !important;
font-weight: bold;
background-color:#D15B47;
}
.modal-body {
padding-top: 30px;

BIN
v2/assets/img/network.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
v2/assets/img/network_mapping.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
v2/assets/img/os_global.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
v2/assets/img/partition.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
v2/assets/img/review.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
v2/assets/img/role_assign.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
v2/assets/img/security.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 22 KiB

BIN
v2/assets/img/security1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
v2/assets/img/sv_selection.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

2
v2/src/app/monitoring/overview.tpl.html
View File

@ -52,7 +52,7 @@
<li>
<a href="javascript::getSummary(01_intro);" style="background-color: #7B68AF;">
<em>
<image src="assets/img/security.png" width="85" height="85" style="margin-bottom: 38px; margin-left: 3px;"></image>
<image src="assets/img/security1.png" width="85" height="85" style="margin-bottom: 38px; margin-left: 3px;"></image>
</em>
<br>
Security

7
v2/src/app/wizard/wizard.tpl.html
View File

@ -9,8 +9,11 @@
<div id="create-cluster-wizard">
<ul class="wizard-steps">
<li ng-repeat="step in steps" class="{{step.state}}" ng-click="skipForward(step.id)">
<span class="step">{{step.id}}</span>
<span class="title">{{step.title}}</span>
<span class="step">
<img src="assets/img/{{step.name}}.png" width="50px" height="50px" style="margin-left: -4.5px; margin-top: -5px;">
</span>
<span class="title" style="margin-top: 17px;">{{step.title}}</span>
</li>
</ul>
<div class="space-10"></div>