fix(keymap): Add new keymap scrolling (#390)

close #389

packages/uhk-web/src/app/app.component.scss

@@ -35,38 +35,5 @@ main-app {
     min-height: 100vh;
     width: 100%;
     display: block;
-    overflow: hidden;
     position: relative;
 }
-
-.select2-container--default .select2-selection--single .select2-selection__rendered {
-    line-height: 26px;
-}
-
-.select2 {
-    &-container {
-        z-index: 1100;
-
-        .scancode--searchterm {
-            text-align: right;
-            color: #b7b7b7;
-        }
-    }
-
-    &-item {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    &-results {
-        text-align: left;
-    }
-}
-
-.nav-pills > li > a {
-    cursor: pointer;
-}
-
-.select2-container--default .select2-dropdown--below .select2-results > .select2-results__options {
-    max-height: 300px;
-}

packages/uhk-web/src/app/pages/main-page/main.page.html

@@ -1,3 +1,3 @@
 <div class="split split-horizontal main-page-content">
-    <router-outlet></router-outlet>
+    <router-outlet (activate)="onActivate($event, outlet)" #outlet></router-outlet>
 </div>

packages/uhk-web/src/app/pages/main-page/main.page.ts

@@ -8,4 +8,8 @@ export class MainPage {
 
     constructor() {
     }
+
+    onActivate(e, outlet) {
+        outlet.scrollIntoView();
+    }
 }

packages/uhk-web/src/styles.scss

@@ -4,12 +4,6 @@
 @import '~font-awesome/scss/font-awesome';
 @import './styles/tooltip';
 
-main-app {
-    display: block;
-    overflow: hidden;
-    position: relative;
-}
-
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 26px;
 }