From: Stephan Müller <smueller@suse.com>
Date: Mon, 30 Sep 2019 10:50:56 +0000 (+0200)
Subject: mgr/dashboard: Tree SCSS file
X-Git-Tag: v15.1.0~1057^2~1
X-Git-Url: http://git-server-git.apps.pok.os.sepia.ceph.com/?a=commitdiff_plain;h=1c7b3d01b665f4197a04e9512b9824bd98f3931b;p=ceph.git

mgr/dashboard: Tree SCSS file

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>
---

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;
+  }
+}