jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

Wizard css to theme

pull/3/head
smartapant 2016-01-11 13:12:03 +03:00
parent 14e0373d62
commit 81f9ccb4a7
4 changed files with 37 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/theme/components/baWizard/baWizard.html
View File

@ -1,11 +1,11 @@
<div class="wizard"> <div class="ba-wizard">
<div class="wizard-navigation-container"> <div class="ba-wizard-navigation-container">
<div ng-repeat="t in $baWizardController.tabs" class="wizard-navigation {{$baWizardController.tabNum == $index ? 'active' : ''}}" ng-click="$baWizardController.selectTab($index)"> <div ng-repeat="t in $baWizardController.tabs" class="ba-wizard-navigation {{$baWizardController.tabNum == $index ? 'active' : ''}}" ng-click="$baWizardController.selectTab($index)">
{{t.title}} {{t.title}}
</div> </div>
</div> </div>
<div class="progress progress-wizard"> <div class="progress ba-wizard-progress">
<div class="progress-bar progress-bar-info active" role="progressbar" <div class="progress-bar progress-bar-info active" role="progressbar"
aria-valuemin="0" aria-valuemax="100" ng-style="{width: $baWizardController.progress + '%'}"> aria-valuemin="0" aria-valuemax="100" ng-style="{width: $baWizardController.progress + '%'}">
</div> </div>
@ -14,7 +14,7 @@
<div class="steps" ng-transclude></div> <div class="steps" ng-transclude></div>
<nav> <nav>
<ul class="pager wizard-pager"> <ul class="pager ba-wizard-pager">
<li class="previous"><button ng-disabled="$baWizardController.isFirstTab()" ng-click="$baWizardController.previousTab()" type="button" class=" btn btn-primary"><span aria-hidden="true">&larr;</span> previous</button></li> <li class="previous"><button ng-disabled="$baWizardController.isFirstTab()" ng-click="$baWizardController.previousTab()" type="button" class=" btn btn-primary"><span aria-hidden="true">&larr;</span> previous</button></li>
<li class="next"> <button ng-disabled="$baWizardController.isLastTab()" ng-click="$baWizardController.nextTab()" type="button" class="btn btn-primary">next <span aria-hidden="true">&rarr;</span></button></li> <li class="next"> <button ng-disabled="$baWizardController.isLastTab()" ng-click="$baWizardController.nextTab()" type="button" class="btn btn-primary">next <span aria-hidden="true">&rarr;</span></button></li>
</ul> </ul>

2
src/app/theme/components/baWizard/baWizardStep.html
View File

@ -1 +1 @@
<section ng-show="selected" class="tab" ng-transclude></section> <section ng-show="selected" class="step" ng-transclude></section>

32
src/sass/app/_form.scss
View File

@ -492,35 +492,3 @@ label.custom-input-danger {
.progress-bar-danger { .progress-bar-danger {
background-color: $danger; background-color: $danger;
} }
.progress-wizard {
margin-top: 10px;
height: 10px;
}
.wizard-pager {
.previous {
float: left;
}
.next {
float: right;
}
}
.wizard-navigation-container {
display: table;
table-layout: fixed;
width: 100%;
padding: 15px 0;
.wizard-navigation {
cursor: pointer;
display: table-cell;
line-height: 1;
text-align: center;
font-weight: 100;
font-size: 18px;
&.active {
color: $primary-dark;
}
}
}

31
src/sass/theme/components/_baWizard.scss Normal file
View File

@ -0,0 +1,31 @@
.ba-wizard-progress {
margin-top: 10px;
height: 10px;
}
.ba-wizard-pager {
.previous {
float: left;
}
.next {
float: right;
}
}
.ba-wizard-navigation-container {
display: table;
table-layout: fixed;
width: 100%;
padding: 15px 0;
.ba-wizard-navigation {
cursor: pointer;
display: table-cell;
line-height: 1;
text-align: center;
font-weight: 100;
font-size: 18px;
&.active {
color: $primary-dark;
}
}
}