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>
This commit is contained in:
Stephan Müller 2019-09-30 12:50:56 +02:00
parent e8e75b9155
commit 1c7b3d01b6
3 changed files with 28 additions and 21 deletions

View File

@ -1,3 +1,5 @@
@import 'ng2-tree.scss';
::ng-deep tree .fa {
font-weight: unset !important;
}

View File

@ -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';

View File

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