_tabPanel.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .tab-panel {
  2. height:100%;
  3. overflow-y: auto;
  4. &.searchable {
  5. height:calc(100% - #{$searchbar-height} - 10px);
  6. }
  7. .texture-image {
  8. max-height:400px;
  9. }
  10. .scene-actions {
  11. overflow-y: auto;
  12. padding-left: 5px;
  13. // Action title : Textures/Options/Viewer
  14. .actions-title {
  15. font-size : 1.1em;
  16. padding-bottom: 10px;
  17. border-bottom : 1px solid $color-bot;
  18. margin : 10px 0 10px 0;
  19. }
  20. .defaut-action {
  21. height : 20px;
  22. line-height: 20px;
  23. width : 100%;
  24. cursor : pointer;
  25. &:hover {
  26. background-color:$background-lighter;
  27. }
  28. &:active {
  29. background-color: $background-lighter2;
  30. }
  31. }
  32. // Radio button
  33. .action-radio {
  34. @extend .defaut-action;
  35. &:before {
  36. width : 1em;
  37. height : 1em;
  38. line-height: 1em;
  39. display : inline-block;
  40. font-family: 'FontAwesome', sans-serif;
  41. content : "\f10c";
  42. margin-right:10px;
  43. }
  44. // radio button active
  45. &.active {
  46. &:before {
  47. width : 1em;
  48. height : 1em;
  49. line-height: 1em;
  50. display : inline-block;
  51. font-family: 'FontAwesome', sans-serif;
  52. content : "\f192";
  53. color : $color-bot;
  54. margin-right:10px;
  55. }
  56. }
  57. }
  58. // Check button
  59. .action {
  60. @extend .defaut-action;
  61. &:before {
  62. width : 1em;
  63. height : 1em;
  64. line-height: 1em;
  65. display : inline-block;
  66. font-family: 'FontAwesome', sans-serif;
  67. content : "\f096";
  68. margin-right:10px;
  69. }
  70. &.active {
  71. &:before {
  72. width : 1em;
  73. height : 1em;
  74. line-height: 1em;
  75. display : inline-block;
  76. font-family: 'FontAwesome', sans-serif;
  77. content : "\f14a";
  78. color : $color-bot;
  79. margin-right:10px;
  80. }
  81. }
  82. }
  83. }
  84. }