Fix dropdowns z-index

diff --git a/client/src/app/shared/shared-main/buttons/action-dropdown.component.html b/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
index 12933d4ca7145b94294064e8d009d4d7ca4792b7..8b363b351d3fbd893097fa006df91c6c32007355 100644 (file)
--- a/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
+++ b/client/src/app/shared/shared-main/buttons/action-dropdown.component.html
@@ -7,7 +7,7 @@
     <my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon>
 
     <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
-</button>
+  </button>
 
   <div ngbDropdownMenu class="dropdown-menu">
     <ng-container *ngFor="let actions of getActions()">

diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
index aa117dcc660f17d7a5d44761965142c008f7d290..ec004a407083b28473a3c73dbd3311a0f0380320 100644 (file)
--- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
@@ -38,8 +38,8 @@
 
   <my-edit-button *ngIf="owned && touchScreenEditButton" [routerLink]="[ '/my-library', 'video-playlists', playlist.uuid ]"></my-edit-button>
 
-  <div *ngIf="owned" class="more" ngbDropdown #moreDropdown="ngbDropdown" placement="left auto"
-       (openChange)="onDropdownOpenChange()" autoClose="outside"
+  <div *ngIf="owned" class="more dropdown-root" ngbDropdown #moreDropdown="ngbDropdown" placement="left auto"
+       (openChange)="onDropdownOpenChange()" autoClose="outside" container="body"
   >
     <my-global-icon iconName="more-vertical" ngbDropdownToggle role="button" class="icon-more" (click)="$event.preventDefault()"></my-global-icon>
 

diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss
index 7cb149f5fbdb38728c73da5adf4fa2bc8e1cb829..b90bffbfc7ce7912e75e05b1f746f193b9b18bf7 100644 (file)
--- a/client/src/sass/bootstrap.scss
+++ b/client/src/sass/bootstrap.scss
@@ -44,7 +44,6 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
   z-index: inherit !important;
 }
 
-
 .dropdown-menu {
   z-index: z(dropdown) + 1 !important;
 

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 7fe6efe3281aa38b9bdc65790c226f89c0e70c37..b1e0431bb61c2f0a74351fc4b7f5ece8baeab02b 100644 (file)
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -127,7 +127,6 @@ $variables: (
 $zindex: (
   miniature       :    10,
   privacymsg      :    20,
-  dropdown        : 12000,
   sub-menu        : 12500,
   menu            : 12600,
   search-typeahead: 12650,
@@ -136,6 +135,7 @@ $zindex: (
   tooltip         : 14000,
   loadbar         : 15000,
   modal           : 16000,
+  dropdown        : 17000,
   help-popover    : 17000,
   notification    : 18000,
   hotkeys         : 19000