From 477f805c19819b397d364f5fffb800d117cebd50 Mon Sep 17 00:00:00 2001
From: alfonsomthd <almartin@redhat.com>
Date: Thu, 14 Feb 2019 16:15:58 +0100
Subject: [PATCH] mgr/dashboard: fix: toast notifications hiding utility menu
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

* 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>
---
 .../frontend/src/app/app.component.scss       | 24 +++++++++++++++++++
 .../mgr/dashboard/frontend/src/styles.scss    |  1 +
 2 files changed, 25 insertions(+)

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 3c6ef116106c3..936627290189c 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 8022f494994d9..147374c263249 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;
-- 
2.39.5