main.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .insp-wrapper {
  2. // Import variables, color and font files
  3. @import "defines";
  4. // Style for resize bar
  5. .gutter {
  6. background-color: $background-lighter;
  7. &.gutter-vertical {
  8. cursor : ns-resize;
  9. }
  10. &.gutter-horizontal {
  11. cursor : ew-resize;
  12. }
  13. }
  14. user-select: none;
  15. display:flex;
  16. font-size:0.9em;
  17. font-family : $font;
  18. // The panel containing the two subpanel : tree and details
  19. .insp-right-panel {
  20. width: 750px;
  21. display:flex;
  22. flex-direction: column;
  23. flex-shrink: 0;
  24. // The tree panel
  25. .top-panel {
  26. width:100%;
  27. height:100%;
  28. position:relative;
  29. background-color: $background;
  30. color : $color;
  31. font-size : 1em;
  32. // The div that will contain the tab div
  33. .tab-panel-content {
  34. width:100%;
  35. height:calc(100% - #{$tabbar-height});
  36. }
  37. // The div displaying all invisible tabs (when the tabbar width is small)
  38. .more-tabs-panel {
  39. position:absolute;
  40. z-index:10;
  41. top:$tabbar-height;
  42. right:0;
  43. width:100px;
  44. display:none;
  45. flex-direction: column;
  46. align-items: center;
  47. justify-content: center;
  48. border: 1px solid $background-lighter3;
  49. background-color: $background;
  50. .invisible-tab {
  51. height : 25px;
  52. width : 100%;
  53. line-height: 25px;
  54. text-align : center;
  55. background-color: $background-lighter;
  56. cursor:pointer;
  57. // Hover on it
  58. &:hover {
  59. background-color: $background-lighter2;
  60. }
  61. // Clic on it
  62. &:active {
  63. background-color: $background-lighter3;
  64. }
  65. }
  66. }
  67. }
  68. }
  69. @import 'tooltip';
  70. // All tools used on object in the tree
  71. @import 'treeTool';
  72. @import "tabPanel";
  73. @import "tabs/shaderTab";
  74. @import "tabs/statsTab";
  75. @import "tree";
  76. @import "detailPanel";
  77. @import "tabbar";
  78. @import "toolbar";
  79. @import "searchbar";
  80. }