From: alfonsomthd <almartin@redhat.com>
Date: Thu, 14 Feb 2019 15:15:58 +0000 (+0100)
Subject: mgr/dashboard: fix: toast notifications hiding utility menu
X-Git-Tag: v14.1.0~102^2
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=477f805c19819b397d364f5fffb800d117cebd50;p=ceph.git

mgr/dashboard: fix: toast notifications hiding utility menu

* Fixed margin-top taking into account responsiveness.
* dropdown-menu class: set z-index to avoid notification
  hiding dropdown menus when menu item clicked.

Fixes: https://tracker.ceph.com/issues/38313

Signed-off-by: Alfonso Martínez <almartin@redhat.com>
---

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/app.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/app.component.scss
index 3c6ef116106c..936627290189 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/app.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/app.component.scss
@@ -5,3 +5,27 @@
   margin: 0;
   padding: 0;
 }
+
+::ng-deep #toast-container {
+  margin-top: 2vw;
+
+  @media (max-width: 1600px) {
+    margin-top: 2.5vw;
+  }
+
+  @media (max-width: $screen-sm-max) {
+    margin-top: 9vw;
+  }
+
+  @media (max-width: 900px) {
+    margin-top: 10vw;
+  }
+
+  @media (max-width: 319px) {
+    margin-top: 11vw;
+  }
+
+  @media (max-width: 260px) {
+    margin-top: 14vw;
+  }
+}
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles.scss b/src/pybind/mgr/dashboard/frontend/src/styles.scss
index 8022f494994d..147374c26324 100644
--- a/src/pybind/mgr/dashboard/frontend/src/styles.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles.scss
@@ -159,6 +159,7 @@ button.btn.btn-label > i.fa {
 /* Dropdown */
 .dropdown-menu {
   min-width: 50px;
+  z-index: 999999;
 }
 .dropdown-menu > li > a {
   color: $color-dropdown-menu;