From 1c7b3d01b665f4197a04e9512b9824bd98f3931b Mon Sep 17 00:00:00 2001
From: =?utf8?q?Stephan=20M=C3=BCller?= <smueller@suse.com>
Date: Mon, 30 Sep 2019 12:50:56 +0200
Subject: [PATCH] mgr/dashboard: Tree SCSS file
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

In order to align the CSS in all ng2-tree usages.

Fixes: https://tracker.ceph.com/issues/41575
Signed-off-by: Stephan Müller <smueller@suse.com>
---
 .../iscsi-target-details.component.scss       |  2 ++
 .../cluster/crushmap/crushmap.component.scss  | 22 +---------------
 .../frontend/src/styles/ng2-tree.scss         | 25 +++++++++++++++++++
 3 files changed, 28 insertions(+), 21 deletions(-)
 create mode 100644 src/pybind/mgr/dashboard/frontend/src/styles/ng2-tree.scss

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-details/iscsi-target-details.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-details/iscsi-target-details.component.scss
index 202e7be97e7..be874e06569 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-details/iscsi-target-details.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-details/iscsi-target-details.component.scss
@@ -1,3 +1,5 @@
+@import 'ng2-tree.scss';
+
 ::ng-deep tree .fa {
   font-weight: unset !important;
 }
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/crushmap/crushmap.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/crushmap/crushmap.component.scss
index 65c94d5050a..a8d8b4074d6 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/crushmap/crushmap.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/crushmap/crushmap.component.scss
@@ -1,21 +1 @@
-::ng-deep tree-internal .tree li {
-  cursor: pointer;
-}
-
-::ng-deep tree-internal .tree .node-value {
-  color: #2b99a8;
-  border-radius: 5px;
-}
-
-::ng-deep tree-internal .tree .node-selected {
-  background-color: #d9edf7;
-  color: #212121;
-}
-
-::ng-deep tree-internal .tree .node-value:hover {
-  color: #212121;
-}
-
-::ng-deep tree-internal .tree .node-value:after {
-  height: 0;
-}
+@import 'ng2-tree.scss';
diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/ng2-tree.scss b/src/pybind/mgr/dashboard/frontend/src/styles/ng2-tree.scss
new file mode 100644
index 00000000000..62164c0ae90
--- /dev/null
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/ng2-tree.scss
@@ -0,0 +1,25 @@
+@import 'defaults';
+
+/* ng2-tree */
+::ng-deep tree-internal .tree {
+  li {
+    cursor: pointer;
+  }
+  .node-value {
+    &:hover {
+      color: #212121;
+    }
+    &:after {
+      height: 0;
+    }
+    color: #2b99a8;
+    border-radius: 5px;
+  }
+  .node-selected {
+    background-color: #d9edf7;
+    color: #212121;
+  }
+  .loading-children {
+    display: none;
+  }
+}
-- 
2.39.5