mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-12-05 02:11:32 +00:00
Code Issues Releases Wiki Activity

Fix next button placement with new messages UI

Browse Source
This commit is contained in:
Kristóf Tóth 2018-06-26 14:57:09 +02:00
parent 8a2518fbd0
commit 958b44e570
2 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/messages/messages.component.html
View File

@ -2,9 +2,6 @@
All Rights Reserved. See LICENSE file for details. -->
<div class="tfw-messages-main">
<div class="tfw-grid-messages-header">
<div class="tao-grid-center-right"><button *ngIf="showNextButton" (click)="stepFSM()" class="tao-btn-rainbow">Next</button></div>
</div>
<div class="tfw-grid-message"
*ngFor="let message of messages.slice(); let last = last"
[class.highlighted-message]="last">
@ -20,4 +17,11 @@
<div class="jumping-circle" id="jc2"></div>
<div class="jumping-circle" id="jc3"></div>
</div>
<div class="tfw-next-button">
<button *ngIf="showNextButton"
(click)="stepFSM()"
class="tao-btn-rainbow">
Next
</button>
</div>
</div>

14
src/app/messages/messages.component.scss
View File

@ -3,18 +3,8 @@
@import "../../assets/scss/variables.scss";
.tfw-messages-main {
.tfw-grid-messages-header {
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: $small;
span {
color: $tao-blue-500;
font-weight: 500;
font-size: $font-size-h3;
}
}
.tfw-next-button {
text-align: center;
}
.tfw-grid-message {