_tabPanel.scss 2.6 KB

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