_tabPanel.scss 2.6 KB

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