prevent dropdown menu overlapping after enabling "left-thin" mode

vladimiry · Feb 16, 2020 · 92419db · 92419db
1 parent 53d9c84
commit 92419db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/web/browser-window/app/_accounts/accounts.component.html b/src/web/browser-window/app/_accounts/accounts.component.html
@@ -1,7 +1,7 @@
 <div *ngIf="initialized$ | async" [attr.class]="'wrapper layout-mode-' + (layoutMode$ | async)">
     <div class="accounts-block px-2 pt-2" [ngClass]="{'d-none': hideControls$ | async}">
         <div class="controls">
-            <div class="btn-group" dropdown>
+            <div class="btn-group" dropdown container="body">
                 <button (click)="openSettingsView()" class="btn btn-sm btn-secondary" id="optionsMenuItem" title="Options" type="button">
                     <i class="fa fa-cog"></i>
                 </button>

diff --git a/src/web/browser-window/index.scss b/src/web/browser-window/index.scss
@@ -61,6 +61,11 @@ form .required label::after {
     }
 }
 
+// "bootstrap"
+bs-dropdown-container {
+    z-index: $zindex-dropdown;
+}
+
 // "ng-select"
 ng-select.ng-invalid.ng-touched .ng-select-container { // sass-lint:disable-line no-qualifying-elements
     border-color: #dc3545;