ng-treecontrol.css in Open Atrium Angular 7.2
/** CSS for tree control
* Modified in open atrium to fix horribly specific CSS classes
**/
[treecontrol] {
/* prevent user selection */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
/* default */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
color: #555;
text-decoration: none;
}
[treecontrol] ul {
margin: 0;
padding: 0;
list-style: none;
border: none;
overflow: hidden;
}
[treecontrol] li {
position: relative;
padding: 0 0 0 20px;
line-height: 20px;
}
[treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
[treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
[treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
[treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}
[treecontrol] li i {
padding: 1px 10px;
cursor: pointer;
background-repeat: no-repeat;
background-position: center;
}
[treecontrol] li .tree-label {
cursor: pointer;
display: inline;
}
[treecontrol].tree-classic li.tree-expanded i {
background-image: url("../images/folder.png");
}
[treecontrol].tree-classic li.tree-collapsed i {
background-image: url("../images/folder-closed.png");
}
[treecontrol].tree-classic li.tree-leaf i {
background-image: url("../images/file.png");
}
[treecontrol].tree-classic li .tree-selected {
background-color: #aaddff;
font-weight: bold;
}
[treecontrol].tree-light li.tree-expanded i {
background-image: url("../images/node-opened-2.png");
}
[treecontrol].tree-light li.tree-collapsed i {
background-image: url("../images/node-closed-2.png");
}
[treecontrol].tree-light li.tree-leaf i {
width: 16px; height: 16px;
background: none no-repeat;
}
[treecontrol].tree-light li .tree-selected {
font-weight: bold;
}
[treecontrol].tree-dark li.tree-expanded i {
background-image: url("../images/node-opened-light.png");
}
[treecontrol].tree-dark li.tree-collapsed i {
background-image: url("../images/node-closed-light.png");
}
[treecontrol].tree-dark li.tree-leaf i {
width: 16px; height: 16px;
background: none no-repeat;
}
[treecontrol].tree-dark li .tree-selected {
font-weight: bold;
}
[treecontrol].tree-dark {
color: #ddd;
}
File
css/ng-treecontrol.css
View source
- /** CSS for tree control
- * Modified in open atrium to fix horribly specific CSS classes
- **/
- [treecontrol] {
- /* prevent user selection */
- -moz-user-select: -moz-none;
- -khtml-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- user-select: none;
-
- /* default */
- font-family: Verdana, Helvetica, Arial, sans-serif;
- font-size:13px;
- color: #555;
- text-decoration: none;
- }
-
- [treecontrol] ul {
- margin: 0;
- padding: 0;
- list-style: none;
- border: none;
- overflow: hidden;
- }
-
- [treecontrol] li {
- position: relative;
- padding: 0 0 0 20px;
- line-height: 20px;
- }
-
- [treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
- [treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
- [treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
- [treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}
-
- [treecontrol] li i {
- padding: 1px 10px;
- cursor: pointer;
- background-repeat: no-repeat;
- background-position: center;
- }
-
- [treecontrol] li .tree-label {
- cursor: pointer;
- display: inline;
- }
-
- [treecontrol].tree-classic li.tree-expanded i {
- background-image: url("../images/folder.png");
- }
-
- [treecontrol].tree-classic li.tree-collapsed i {
- background-image: url("../images/folder-closed.png");
- }
-
- [treecontrol].tree-classic li.tree-leaf i {
- background-image: url("../images/file.png");
- }
-
- [treecontrol].tree-classic li .tree-selected {
- background-color: #aaddff;
- font-weight: bold;
- }
-
-
- [treecontrol].tree-light li.tree-expanded i {
- background-image: url("../images/node-opened-2.png");
- }
-
- [treecontrol].tree-light li.tree-collapsed i {
- background-image: url("../images/node-closed-2.png");
- }
-
- [treecontrol].tree-light li.tree-leaf i {
- width: 16px; height: 16px;
- background: none no-repeat;
- }
-
- [treecontrol].tree-light li .tree-selected {
- font-weight: bold;
- }
-
-
- [treecontrol].tree-dark li.tree-expanded i {
- background-image: url("../images/node-opened-light.png");
- }
-
- [treecontrol].tree-dark li.tree-collapsed i {
- background-image: url("../images/node-closed-light.png");
- }
-
- [treecontrol].tree-dark li.tree-leaf i {
- width: 16px; height: 16px;
- background: none no-repeat;
- }
-
- [treecontrol].tree-dark li .tree-selected {
- font-weight: bold;
- }
-
- [treecontrol].tree-dark {
- color: #ddd;
- }