-
+
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss
index e166d97..93d0887 100755
--- a/src/app/dashboard/dashboard.component.scss
+++ b/src/app/dashboard/dashboard.component.scss
@@ -11,11 +11,9 @@
grid-template-columns: repeat($grid-columns-count, 1fr);
grid-template-rows: repeat($grid-rows-count, 1fr);
- @include position-grid-items(map_get($layout,$layout-template),'.tfw-');
-
.tfw-header,
.tfw-messages {
- @if ($layout-template == 'default') {
+ @if (str_slice($layout-key, 0, str_length('default')) == 'default') {
border: 2px solid $tao-gray-100;
border-top: 0;
border-left: 0;
@@ -34,7 +32,7 @@
background-color: $tao-gray-50;
overflow-y: scroll;
- @if ($layout-template != 'default') {
+ @if (str_slice($layout-key, 0, str_length('default')) != 'default') {
max-height: 95vmin;
}
@else {
@@ -61,14 +59,23 @@
background-color: $tao-plum-900;
}
+ .tfw-sidebar {
+ background-color: $tao-turqoise-800;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+
+ }
+
.tfw-terminal {
overflow-y: hidden;
border: 1px solid $tao-plum-100;
border-bottom: 0;
background-color: $tao-gray-800;
-
- @if ($layout-template != 'vraw') {
+ @if (str_slice($layout-key, 0, str_length('vraw')) == 'vraw') {
border-left: 0;
+ border-top: 0;
}
}
}
@@ -76,4 +83,3 @@
.deploy-blur {
filter: blur(3px);
}
-
diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
index ea2f7b5..9fad94c 100644
--- a/src/app/dashboard/dashboard.component.ts
+++ b/src/app/dashboard/dashboard.component.ts
@@ -14,6 +14,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
deploying = false;
deploymentNotificationSubscription: Subscription;
layout: string = config.dashboard.defaultLayout;
+ layout = 'vraw-closed';
command_handlers = {'layout': this.layoutHandler.bind(this)};
constructor(private deploymentNotificationService: DeploymentNotificationService,
@@ -34,7 +35,8 @@ export class DashboardComponent implements OnInit, OnDestroy {
layoutHandler(data: LayoutCommand) {
if (data.layout.match('vraw-open|vraw-closed|hraw|default-open|default-closed')) {
this.layout = data.layout;
- } else {
+ }
+ else {
console.log('Invalid webide layout "' + data.layout + '" received!');
}
}
diff --git a/src/app/messages/messages.component.html b/src/app/messages/messages.component.html
index ba57822..893907b 100755
--- a/src/app/messages/messages.component.html
+++ b/src/app/messages/messages.component.html
@@ -1,7 +1,7 @@