rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-29 18:52:22 +01:00
Code Issues Releases Activity

tour step modal: increase width + align buttons

Browse Source
This commit is contained in:
Sylvain 2020-02-26 09:37:21 +01:00
parent 4db219b204
commit 222590ae5e
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/modules/tour.scss
View File

@ -3,3 +3,21 @@
fill: rgba(0, 0, 0, 0.5);
z-index: 10000;
}
.ui-tour-popup.popover {
max-width: 414px;
}
.tour-step-navigation.popover-navigation .btn-group {
display: flex;
flex-direction: row;
justify-content: space-between;
.button-placekeeper {
width: 90px;
height: 30px;
background-color: transparent;
}
}

8
app/assets/templates/shared/tour-step-template.html
View File

@ -2,9 +2,11 @@
<div class="popover-content tour-step-content" bind-html-compile="tourStep.trustedContent || tourStep.content"></div>
<div class="popover-navigation tour-step-navigation">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-default" ng-if="tourStep.isPrev()" ng-click="tour.prev()" translate>{{ 'app.shared.tour.previous' }}</button>
<button type="button" class="btn btn-sm btn-default" ng-if="tourStep.isNext()" ng-click="tour.next()" translate>{{ 'app.shared.tour.next' }}</button>
<button type="button" class="btn btn-sm btn-default" ng-if="tourStep.isPrev()" ng-click="tour.prev()" translate>⮜ {{ 'app.shared.tour.previous' }}</button>
<div class="button-placekeeper" ng-if="!tourStep.isPrev()"></div>
<button type="button" class="btn btn-sm btn-default" ng-click="tour.end()" translate>{{ 'app.shared.tour.end' }}</button>
<button type="button" class="btn btn-sm btn-default" ng-if="tourStep.isNext()" ng-click="tour.next()" translate>{{ 'app.shared.tour.next' }} ⮞</button>
<div class="button-placekeeper" ng-if="!tourStep.isNext()"></div>
</div>
<button type="button" class="btn btn-sm btn-default" ng-click="tour.end()" translate>{{ 'app.shared.tour.end' }}</button>
</div>
</div>