_tree.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // Color for a property type
  2. .property-type {
  3. color:$color-bot;
  4. }
  5. .property-name {
  6. color:$color-top;
  7. }
  8. .insp-tree {
  9. overflow-y: auto;
  10. overflow-x: hidden;
  11. height : calc(50% - #{$tabbar-height} - #{$searchbar-height});
  12. .line {
  13. cursor:pointer;
  14. // Hover
  15. &:hover {
  16. background-color:$background-lighter;
  17. }
  18. // Line active (selected)
  19. &.active {
  20. background-color:$background-lighter3;
  21. .line-content {
  22. background-color:$background;
  23. }
  24. }
  25. // > before title names
  26. &.unfolded:before{
  27. width : 1em;
  28. height : 1em;
  29. line-height: 1em;
  30. display : inline-block;
  31. font-family: 'FontAwesome', sans-serif;
  32. content : "\f078";
  33. }
  34. &.folded:before{
  35. width : 1em;
  36. height : 1em;
  37. line-height: 1em;
  38. display : inline-block;
  39. font-family: 'FontAwesome', sans-serif;
  40. content : "\f054";
  41. }
  42. // Sub lines
  43. .line-content {
  44. padding-left:15px;
  45. &:hover {
  46. background-color:$background;
  47. }
  48. .line:hover:first-child {
  49. background-color:$background-lighter2;
  50. }
  51. }
  52. }
  53. }