mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-11-01 10:21:20 +00:00
Code Issues Releases Wiki Activity

Fix terminal invisible on terminalOrConsole == 'console'

Browse Source
This commit is contained in:
Kristóf Tóth 2018-07-20 11:04:18 +02:00
parent bc50d52f4d
commit 5b9046e967
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/dashboard/dashboard.component.html
View File

@ -34,8 +34,8 @@
[class.selected]="selectedTerminalMenuItem === 'console'">CONSOLE</button> [class.selected]="selectedTerminalMenuItem === 'console'">CONSOLE</button>
</div> </div>
<hr> <hr>
<app-terminal [hidden]="selectedTerminalMenuItem !== 'terminal'"></app-terminal> <app-terminal [class.hidden]="selectedTerminalMenuItem !== 'terminal'"></app-terminal>
<app-console [hidden]="selectedTerminalMenuItem !== 'console'"></app-console> <app-console [class.hidden]="selectedTerminalMenuItem !== 'console'"></app-console>
</div> </div>
<div class="tfw-sidebar"> <div class="tfw-sidebar">
<app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar> <app-sidebar (layoutChanged)="setLayout($event)" [layout]="layout"></app-sidebar>

4
src/app/dashboard/dashboard.component.scss
View File

@ -112,6 +112,10 @@
filter: blur(3px); filter: blur(3px);
} }
.hidden {
@include hide-component();
}
.terminal-ide-web { .terminal-ide-web {
@include set-tfw-web('terminal-ide-web'); @include set-tfw-web('terminal-ide-web');
@include position-grid-items(map_get($layouts, 'terminal-ide-web'),'.tfw-'); @include position-grid-items(map_get($layouts, 'terminal-ide-web'),'.tfw-');