You are here

ng-treecontrol.css in Open Atrium Angular 7

Same filename and directory in other branches
  1. 7.2 css/ng-treecontrol.css
/** 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
  1. /** CSS for tree control
  2. * Modified in open atrium to fix horribly specific CSS classes
  3. **/
  4. [treecontrol] {
  5. /* prevent user selection */
  6. -moz-user-select: -moz-none;
  7. -khtml-user-select: none;
  8. -webkit-user-select: none;
  9. -ms-user-select: none;
  10. user-select: none;
  11. /* default */
  12. font-family: Verdana, Helvetica, Arial, sans-serif;
  13. font-size:13px;
  14. color: #555;
  15. text-decoration: none;
  16. }
  17. [treecontrol] ul {
  18. margin: 0;
  19. padding: 0;
  20. list-style: none;
  21. border: none;
  22. overflow: hidden;
  23. }
  24. [treecontrol] li {
  25. position: relative;
  26. padding: 0 0 0 20px;
  27. line-height: 20px;
  28. }
  29. [treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
  30. [treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
  31. [treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
  32. [treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}
  33. [treecontrol] li i {
  34. padding: 1px 10px;
  35. cursor: pointer;
  36. background-repeat: no-repeat;
  37. background-position: center;
  38. }
  39. [treecontrol] li .tree-label {
  40. cursor: pointer;
  41. display: inline;
  42. }
  43. [treecontrol].tree-classic li.tree-expanded i {
  44. background-image: url("../images/folder.png");
  45. }
  46. [treecontrol].tree-classic li.tree-collapsed i {
  47. background-image: url("../images/folder-closed.png");
  48. }
  49. [treecontrol].tree-classic li.tree-leaf i {
  50. background-image: url("../images/file.png");
  51. }
  52. [treecontrol].tree-classic li .tree-selected {
  53. background-color: #aaddff;
  54. font-weight: bold;
  55. }
  56. [treecontrol].tree-light li.tree-expanded i {
  57. background-image: url("../images/node-opened-2.png");
  58. }
  59. [treecontrol].tree-light li.tree-collapsed i {
  60. background-image: url("../images/node-closed-2.png");
  61. }
  62. [treecontrol].tree-light li.tree-leaf i {
  63. width: 16px; height: 16px;
  64. background: none no-repeat;
  65. }
  66. [treecontrol].tree-light li .tree-selected {
  67. font-weight: bold;
  68. }
  69. [treecontrol].tree-dark li.tree-expanded i {
  70. background-image: url("../images/node-opened-light.png");
  71. }
  72. [treecontrol].tree-dark li.tree-collapsed i {
  73. background-image: url("../images/node-closed-light.png");
  74. }
  75. [treecontrol].tree-dark li.tree-leaf i {
  76. width: 16px; height: 16px;
  77. background: none no-repeat;
  78. }
  79. [treecontrol].tree-dark li .tree-selected {
  80. font-weight: bold;
  81. }
  82. [treecontrol].tree-dark {
  83. color: #ddd;
  84. }