[7.0] Adds new K7 side navigation

src/ui/public/chrome/api/nav.d.ts

@@ -0,0 +1,44 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { IconType } from '@elastic/eui';
+import * as Rx from 'rxjs';
+
+import { KibanaParsedUrl } from 'ui/url/kibana_parsed_url';
+
+export interface NavLink {
+  title: string;
+  url: string;
+  subUrlBase: string;
+  id: string;
+  euiIconType: IconType;
+  active: boolean;
+  lastSubUrl?: string;
+  hidden?: boolean;
+}
+
+export interface ChromeNavLinks {
+  getNavLinks$(): Rx.Observable<NavLink>;
+  getNavLinks(): NavLink[];
+  navLinkExists(id: string): boolean;
+  getNavLinkById(id: string): NavLink;
+  showOnlyById(id: string): void;
+  untrackNavLinksForDeletedSavedObjects(deletedIds: string[]): void;
+  trackSubUrlForApp(linkId: string, parsedKibanaUrl: KibanaParsedUrl): void;
+}

src/ui/public/chrome/directives/header_global_nav/_header_global_nav.scss

@@ -1,3 +1,5 @@
+@import '@elastic/eui/src/components/header/variables';
+
 .header-global-wrapper {
   width: 100%;
   position: fixed;
@@ -6,23 +8,19 @@
 }
 
 .header-global-wrapper + .app-wrapper:not(.hidden-chrome) {
-  top: 48px;
-  left: 0;
+  top: $euiHeaderChildSize;
+  left: $euiHeaderChildSize;
 
   // HOTFIX: Temporary fix for flyouts not inside portals
   // SASSTODO: Find an actual solution
   .euiFlyout {
-    top: 48px;
+    top: $euiHeaderChildSize;
   }
 }
 
 // Mobile header is smaller
-@include euiBreakpoint('xs','s') {
-  .header-global-wrapper + .app-wrapper {
-    top: 36px;
-
-    .euiFlyout {
-      top: 36px;
-    }
+@include euiBreakpoint('xs', 's') {
+  .header-global-wrapper + .app-wrapper:not(.hidden-chrome) {
+    left: 0;
   }
 }