mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-01-15 23:41:55 +00:00
Code Issues Releases Wiki Activity

Fixing terminal colors

Browse Source
This commit is contained in:
Gabor PEK 2018-03-14 15:05:58 +01:00
parent a7dbd15370
commit bcd030e3d9
6 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,7 @@
.tfw-header,
.tfw-messages {
@if ($layout-template == 'default') {
border: 2px solid $tao-plum-100;
border: 2px solid $tao-gray-100;
border-top: 0;
border-left: 0;
border-bottom: 0;
@ -62,15 +62,19 @@
}
.tfw-terminal {
border: 2px solid $tao-plum-100;
// overflow-y: hidden;
border: 1px solid $tao-plum-100;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: black;
}
.tfw-terminal-footer {
background-color: $tao-phtalo-900;
background-color: $tao-gray-800;
border: 1px solid $tao-plum-100;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
}

2
src/app/services/terminado.service.ts
View File

@ -14,7 +14,7 @@ export class TerminadoService {
this.xterm = new Terminal({
theme: {
foreground: '#ffffff',
background: '#002426', // $tao-phtalo-900
background: '#0C0C0C', // $tao-gray-800
cursor: '#ffffff',
selection: 'rgba(255, 255, 255, 0.3)',
black: '#000000',

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

@ -1 +1,3 @@
<div #xterm class="tfw-xterm" (window:resize)="fit()"></div>
<div class="tfw-xterm-container">
<div #xterm class="tfw-xterm"></div>
</div>

10
src/app/terminal/terminal.component.scss
View File

@ -1,12 +1,6 @@
@import "../../assets/scss/mixins/layout.scss";
.tfw-xterm-container {
@include set-component-size('terminal');
.tfw-xterm {
.xterm-viewport {
@include set-component-size('terminal');
}
.xterm .composition-view {
background: blue;
}
}

2
src/assets/scss/_variables.scss
View File

@ -161,4 +161,4 @@ $company-logo-width: 130px;
// Change this to switch template. Options: 'default', 'vraw', 'hraw'
$layout-template: 'hraw';
$layout-template: 'default';

6
src/assets/scss/mixins/_layout.scss
View File

@ -62,4 +62,10 @@ $layout: (
min-width: #{$columns-count / $grid-columns-count * 100}vw;
min-height: #{$rows-count / $grid-rows-count * 100}vh;
width: #{$columns-count / $grid-columns-count * 100}vw;
height: #{$rows-count / $grid-rows-count * 100}vh;
max-width: #{$columns-count / $grid-columns-count * 100}vw;
max-height: #{$rows-count / $grid-rows-count * 100}vh;
}