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;
|
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 {
|
.population-table {
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
@ -14,8 +14,8 @@ block content
|
|||||||
if index + 1 === description.length
|
if index + 1 === description.length
|
||||||
.btn.btn-block.btn-primary.challenge-step-btn-finish(id='last' class=step[3] ? 'disabled' : '') Finish challenge
|
.btn.btn-block.btn-primary.challenge-step-btn-finish(id='last' class=step[3] ? 'disabled' : '') Finish challenge
|
||||||
else if index !== 0
|
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
|
.btn.btn-block.btn-primary.challenge-step-btn-next(id='#{index}' class=step[3] ? 'disabled' : '') Go to my next 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-warning-ghost.challenge-step-btn-prev(id='#{index - 1}') Go to my previous step
|
||||||
else
|
else
|
||||||
.btn.btn-block.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
|
||||||
#challenge-step-modal.modal(tabindex='-1')
|
#challenge-step-modal.modal(tabindex='-1')
|
||||||
|
Reference in New Issue
Block a user