fix(version dropdown): z-index fix for version dropdown and header (#…

…3190)
valor-software · Dec 4, 2017 · 784d881 · 784d881
1 parent a1a1c74
commit 784d881
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -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
@@ -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 :)
   }