Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

_small_video.scss 1.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .filmstrip__videos .videocontainer {
  2. display: inline-block;
  3. position: relative;
  4. background-size: contain;
  5. border: $thumbnailVideoBorder solid transparent;
  6. border-radius: $borderRadius;
  7. margin: 0 $thumbnailVideoMargin;
  8. &.videoContainerFocused, &:hover {
  9. cursor: hand;
  10. }
  11. /**
  12. * Focused video thumbnail.
  13. */
  14. &.videoContainerFocused {
  15. border: $thumbnailVideoBorder solid $videoThumbnailSelected;
  16. box-shadow: inset 0 0 3px $videoThumbnailSelected,
  17. 0 0 3px $videoThumbnailSelected;
  18. }
  19. .remotevideomenu > .icon-menu {
  20. display: none;
  21. }
  22. /**
  23. * Hovered video thumbnail.
  24. */
  25. &:hover:not(.videoContainerFocused):not(.active-speaker) {
  26. cursor: hand;
  27. border: $thumbnailVideoBorder solid $videoThumbnailHovered;
  28. box-shadow: inset 0 0 3px $videoThumbnailHovered,
  29. 0 0 3px $videoThumbnailHovered;
  30. .remotevideomenu > .icon-menu {
  31. display: inline-block;
  32. }
  33. }
  34. & > video {
  35. cursor: hand;
  36. border-radius: $borderRadius;
  37. object-fit: cover;
  38. overflow: hidden;
  39. }
  40. .presence-label {
  41. position: absolute;
  42. z-index: $zindex3;
  43. }
  44. }