Change step challenge button layout
This commit is contained in:
@ -689,6 +689,18 @@ iframe.iphone {
|
||||
transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
}
|
||||
|
||||
.btn-warning-ghost {
|
||||
background: transparent;
|
||||
color: @brand-warning;
|
||||
|
||||
/* CSS Transition */
|
||||
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
-o-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||
}
|
||||
|
||||
.population-table {
|
||||
@media (max-width: 767px) {
|
||||
font-size: 16px;
|
||||
|
@ -14,8 +14,8 @@ block content
|
||||
if index + 1 === description.length
|
||||
.btn.btn-block.btn-primary.challenge-step-btn-finish(id='last' class=step[3] ? 'disabled' : '') Finish challenge
|
||||
else if index !== 0
|
||||
.col-xs-12.col-md-6.col-lg-6.btn.btn-danger.challenge-step-btn-prev(id='#{index - 1}' class=step[3] ? 'disabled' : '') Go to my previous step
|
||||
.col-xs-12.col-md-6.col-lg-6.btn.btn-primary.challenge-step-btn-next(id='#{index}' class=step[3] ? 'disabled' : '') Go to my next step
|
||||
.btn.btn-block.btn-primary.challenge-step-btn-next(id='#{index}' class=step[3] ? 'disabled' : '') Go to my next step
|
||||
.btn.btn-block.btn-warning-ghost.challenge-step-btn-prev(id='#{index - 1}') Go to my previous step
|
||||
else
|
||||
.btn.btn-block.btn-primary.challenge-step-btn-next(id='#{index}' class=step[3] ? 'disabled' : '') Go to my next step
|
||||
#challenge-step-modal.modal(tabindex='-1')
|
||||
|
Reference in New Issue
Block a user