fix tutorial navigation
This commit is contained in:
parent
e600f096cd
commit
496b2b7dd2
|
@ -1,4 +1,4 @@
|
||||||
<div class="tutorial-content">
|
<div class="tutorial-content flexcroll">
|
||||||
<h2 class="tutorial-content__title-important">Labels</h2>
|
<h2 class="tutorial-content__title-important">Labels</h2>
|
||||||
<p>
|
<p>
|
||||||
Sengi uses labels on statuses to describe them properly: <br />
|
Sengi uses labels on statuses to describe them properly: <br />
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="tutorial-content">
|
<div class="tutorial-content flexcroll">
|
||||||
<h2 class="tutorial-content__title-important">And... you're all set! 🎉</h2>
|
<h2 class="tutorial-content__title-important">And... you're all set! 🎉</h2>
|
||||||
<p>
|
<p>
|
||||||
Please find below more information about Sengi.<br />
|
Please find below more information about Sengi.<br />
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="tutorial-content">
|
<div class="tutorial-content flexcroll">
|
||||||
<h2 class="tutorial-content__title-important">Thank you!</h2>
|
<h2 class="tutorial-content__title-important">Thank you!</h2>
|
||||||
<p>
|
<p>
|
||||||
Thank you for downloading Sengi, I hope you will enjoy using this app as much as I did when making it.<br />
|
Thank you for downloading Sengi, I hope you will enjoy using this app as much as I did when making it.<br />
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="tutorial">
|
<div class="tutorial">
|
||||||
<div class="tutorial__content flexcroll">
|
<div class="tutorial__content">
|
||||||
<app-notifications-tutorial *ngIf="index === 0"></app-notifications-tutorial>
|
<app-notifications-tutorial *ngIf="index === 0"></app-notifications-tutorial>
|
||||||
<app-labels-tutorial *ngIf="index === 1"></app-labels-tutorial>
|
<app-labels-tutorial *ngIf="index === 1"></app-labels-tutorial>
|
||||||
<app-thankyou-tutorial *ngIf="index === 2"></app-thankyou-tutorial>
|
<app-thankyou-tutorial *ngIf="index === 2"></app-thankyou-tutorial>
|
||||||
|
|
|
@ -12,9 +12,6 @@ $footer-height: 30px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
// outline: 1px dotted greenyellow;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 5px 10px;
|
|
||||||
height: calc(100% - #{$footer-height});
|
height: calc(100% - #{$footer-height});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -81,6 +78,10 @@ $footer-height: 30px;
|
||||||
.tutorial-content {
|
.tutorial-content {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
|
padding: 5px 10px;
|
||||||
|
overflow-y: auto;
|
||||||
|
height: calc(100%);
|
||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
||||||
|
@ -104,7 +105,7 @@ $footer-height: 30px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__expand {
|
&__expand {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: calc(100%);
|
width: calc(100%);
|
||||||
max-width: 380px;
|
max-width: 380px;
|
||||||
|
|
Loading…
Reference in New Issue