You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_mini_toolbox.scss 1.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .filmstrip-toolbox,
  2. .always-on-top-toolbox {
  3. background-color: $newToolbarBackgroundColor;
  4. border-radius: 3px;
  5. display: flex;
  6. z-index: $toolbarZ;
  7. .toolbox-icon {
  8. cursor: pointer;
  9. padding: 7px;
  10. &.toggled {
  11. background: $AOTToolbarButtonToggleColor;
  12. }
  13. &.disabled {
  14. cursor: initial;
  15. }
  16. }
  17. }
  18. .always-on-top-toolbox {
  19. flex-direction: row;
  20. left: 50%;
  21. position: absolute;
  22. top: 10px;
  23. transform: translateX(-50%);
  24. .toolbox-button {
  25. &:first-child {
  26. .toolbox-icon {
  27. border-top-left-radius: 3px;
  28. border-bottom-left-radius: 3px;
  29. }
  30. }
  31. &:nth-child(2) {
  32. svg {
  33. fill: $hangupColor;
  34. }
  35. }
  36. &:last-child {
  37. .toolbox-icon {
  38. border-top-right-radius: 3px;
  39. border-bottom-right-radius: 3px;
  40. }
  41. }
  42. }
  43. }
  44. .filmstrip-toolbox {
  45. flex-direction: column;
  46. .toolbox-button {
  47. &:nth-child(1) {
  48. svg {
  49. fill: $hangupColor;
  50. }
  51. }
  52. .toolbox-icon {
  53. border-radius: 3px;
  54. }
  55. }
  56. }