Show github ribbon only in web build

Closes #264

electron/src/main-app/main-app.component.html

@@ -0,0 +1,6 @@
+<notification></notification>
+<side-menu></side-menu>
+<div id="main-content" class="split split-horizontal main-content">
+    <router-outlet></router-outlet>
+</div>
+<ngrx-store-log-monitor toggleCommand="alt-t"></ngrx-store-log-monitor>

electron/src/main-app/main-app.component.ts

@@ -11,7 +11,7 @@ import { UhkDeviceService } from '../services/uhk-device.service';
 
 @Component({
     selector: 'main-app',
-    templateUrl: '../shared/main-app/main-app.component.html',
+    templateUrl: './main-app.component.html',
     styleUrls: ['../shared/main-app/main-app.component.scss'],
     encapsulation: ViewEncapsulation.None
 })

shared/src/main-app/main-app.component.scss

@@ -41,36 +41,3 @@ main-app {
 .select2-container--default .select2-dropdown--below .select2-results > .select2-results__options {
     max-height: 300px;
 }
-
-/* GitHub ribbon */
-.github-fork-ribbon {
-    background-color: #a00;
-    overflow: hidden;
-    white-space: nowrap;
-    position: fixed;
-    right: -50px;
-    bottom: 40px;
-    z-index: 2000;
-    /* stylelint-disable indentation */
-    -webkit-transform: rotate(-45deg);
-    -moz-transform: rotate(-45deg);
-    -ms-transform: rotate(-45deg);
-    -o-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-    -webkit-box-shadow: 0 0 10px #888;
-    -moz-box-shadow: 0 0 10px #888;
-    box-shadow: 0 0 10px #888;
-    /* stylelint-enable indentation */
-
-    a {
-        border: 1px solid #faa;
-        color: #fff;
-        display: block;
-        font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
-        margin: 1px 0;
-        padding: 10px 50px;
-        text-align: center;
-        text-decoration: none;
-        text-shadow: 0 0 5px #444;
-    }
-}

web/src/main-app/main-app.component.scss

@@ -0,0 +1,32 @@
+/* GitHub ribbon */
+.github-fork-ribbon {
+    background-color: #a00;
+    overflow: hidden;
+    white-space: nowrap;
+    position: fixed;
+    right: -50px;
+    bottom: 40px;
+    z-index: 2000;
+    /* stylelint-disable indentation */
+    -webkit-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    -o-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    -webkit-box-shadow: 0 0 10px #888;
+    -moz-box-shadow: 0 0 10px #888;
+    box-shadow: 0 0 10px #888;
+    /* stylelint-enable indentation */
+
+    a {
+        border: 1px solid #faa;
+        color: #fff;
+        display: block;
+        font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
+        margin: 1px 0;
+        padding: 10px 50px;
+        text-align: center;
+        text-decoration: none;
+        text-shadow: 0 0 5px #444;
+    }
+}

web/src/main-app/main-app.component.ts

@@ -2,8 +2,11 @@ import { Component, ViewEncapsulation } from '@angular/core';
 
 @Component({
     selector: 'main-app',
-    templateUrl: '../shared/main-app/main-app.component.html',
+    templateUrl: './main-app.component.html',
-    styleUrls: ['../shared/main-app/main-app.component.scss'],
+    styleUrls: [
+        '../shared/main-app/main-app.component.scss',
+        './main-app.component.scss'
+    ],
     encapsulation: ViewEncapsulation.None
 })
 export class MainAppComponent { }