From 784d88115c74d42dcf1a9968e58ba09193e0e2ed Mon Sep 17 00:00:00 2001
From: Oleksii Aleksandrov <alexof3@gmail.com>
Date: Mon, 4 Dec 2017 20:01:05 +0200
Subject: [PATCH] fix(version dropdown): z-index fix for version dropdown and
 header (#3190)

---
 demo/src/app/common/top-menu/top-menu.component.html | 2 +-
 demo/src/assets/css/style.scss                       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/demo/src/app/common/top-menu/top-menu.component.html b/demo/src/app/common/top-menu/top-menu.component.html
index 9461b46139..f9689002eb 100644
--- a/demo/src/app/common/top-menu/top-menu.component.html
+++ b/demo/src/app/common/top-menu/top-menu.component.html
@@ -10,7 +10,7 @@ <h1 class="logo" >
       <div dropdownToggle class="dropdown-toggle">
         {{currentVersion ? 'v' + currentVersion : ''}} <span class="caret"></span>
       </div>
-      <ul *dropdownMenu class="dropdown-menu" role="menu">
+      <ul *dropdownMenu class="dropdown-menu header-dropdown" role="menu">
         <li role="menuitem" *ngFor="let item of previousDocs">
           <a class="dropdown-item" [href]="appUrl + (needPrefix ? item.url : item.unprefixedUrl) + (appHash ? '/' + appHash : '')">{{item.version}}</a>
         </li>
diff --git a/demo/src/assets/css/style.scss b/demo/src/assets/css/style.scss
index ca21c3b13d..de4817f8c4 100644
--- a/demo/src/assets/css/style.scss
+++ b/demo/src/assets/css/style.scss
@@ -509,6 +509,9 @@ a:hover {
     top: 0;
     z-index: 1090; // to overlap most positioned elements in bootstrap
   }
+  .header-dropdown {
+    z-index: 1090;
+  }
   .modal-backdrop {
     z-index: 2000; // to overlap header :)
   }