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.

_popup_menu.scss 1.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /**
  2. * Initialize
  3. **/
  4. .popupmenu {
  5. padding: 0;
  6. margin: 2px 0;
  7. bottom: 0;
  8. height: auto;
  9. &:first-child {
  10. margin-top: 2px;
  11. }
  12. &__item {
  13. list-style-type: none;
  14. text-align: left;
  15. height: 35px;
  16. &:hover {
  17. background-color: $popupMenuSelectedItemBackground;
  18. }
  19. }
  20. // Link Appearance
  21. &__link,
  22. &__contents {
  23. display: block;
  24. box-sizing: border-box;
  25. text-decoration: none;
  26. color: #fff;
  27. padding: 5px;
  28. height: 100%;
  29. font-size: 9pt;
  30. width: 100%;
  31. cursor: hand;
  32. &.disabled {
  33. color: gray !important;
  34. pointer-events: none;
  35. }
  36. }
  37. &__text,
  38. &__slider {
  39. display: inline-block;
  40. vertical-align: middle;
  41. }
  42. &__slider {
  43. width: 50px;
  44. }
  45. &__icon {
  46. vertical-align: middle;
  47. position: relative;
  48. display: inline-block;
  49. width: 20px;
  50. height: 100%;
  51. text-align: center;
  52. > * {
  53. @include absoluteAligning();
  54. }
  55. }
  56. .icon-kick {
  57. font-size: 8pt;
  58. }
  59. }
  60. span.remotevideomenu:hover ul.popupmenu, ul.popupmenu:hover {
  61. display:block !important;
  62. }
  63. .remote-control-spinner {
  64. top: 6px;
  65. left: 2px;
  66. }