Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

fix tutorial navigation

This commit is contained in:
Nicolas Constant 2020-09-13 15:17:55 -04:00
parent e600f096cd
commit 496b2b7dd2
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
5 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/tutorial-enhanced/labels-tutorial/labels-tutorial.component.html
View File

@ -1,4 +1,4 @@
<div class="tutorial-content">
<div class="tutorial-content flexcroll">
<h2 class="tutorial-content__title-important">Labels</h2>
<p>
Sengi uses labels on statuses to describe them properly: <br />

2
src/app/components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component.html
View File

@ -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>
<p>
Please find below more information about Sengi.<br />

2
src/app/components/tutorial-enhanced/thankyou-tutorial/thankyou-tutorial.component.html
View File

@ -1,4 +1,4 @@
<div class="tutorial-content">
<div class="tutorial-content flexcroll">
<h2 class="tutorial-content__title-important">Thank you!</h2>
<p>
Thank you for downloading Sengi, I hope you will enjoy using this app as much as I did when making it.<br />

2
src/app/components/tutorial-enhanced/tutorial-enhanced.component.html
View File

@ -1,5 +1,5 @@
<div class="tutorial">
<div class="tutorial__content flexcroll">
<div class="tutorial__content">
<app-notifications-tutorial *ngIf="index === 0"></app-notifications-tutorial>
<app-labels-tutorial *ngIf="index === 1"></app-labels-tutorial>
<app-thankyou-tutorial *ngIf="index === 2"></app-thankyou-tutorial>

9
src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss
View File

@ -12,9 +12,6 @@ $footer-height: 30px;
border-radius: 2px;
&__content {
// outline: 1px dotted greenyellow;
overflow-y: auto;
padding: 5px 10px;
height: calc(100% - #{$footer-height});
}
@ -81,6 +78,10 @@ $footer-height: 30px;
.tutorial-content {
font-size: 14px;
padding: 5px 10px;
overflow-y: auto;
height: calc(100%);
&__title {
font-size: 20px;
@ -104,7 +105,7 @@ $footer-height: 30px;
display: block;
}
&__expand {
&__expand {
margin: auto;
width: calc(100%);
max-width: 380px;