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.

_avatar.scss 932B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .avatar {
  2. background-color: #AAA;
  3. border-radius: 50%;
  4. color: rgba(255, 255, 255, 0.6);
  5. font-weight: 100;
  6. object-fit: cover;
  7. &.avatar-small {
  8. height: 28px !important;
  9. width: 28px !important;
  10. }
  11. &.avatar-xsmall {
  12. height: 16px !important;
  13. width: 16px !important;
  14. }
  15. .jitsi-icon {
  16. transform: translateY(50%);
  17. }
  18. }
  19. .avatar-svg {
  20. height: 100%;
  21. width: 100%;
  22. }
  23. .defaultAvatar {
  24. opacity: 0.6
  25. }
  26. .avatar-badge {
  27. position: relative;
  28. &-available::after {
  29. @include avatarBadge;
  30. background-color: $presence-available;
  31. }
  32. &-away::after {
  33. @include avatarBadge;
  34. background-color: $presence-away;
  35. }
  36. &-busy::after {
  37. @include avatarBadge;
  38. background-color: $presence-busy;
  39. }
  40. &-idle::after {
  41. @include avatarBadge;
  42. background-color: $presence-idle;
  43. }
  44. }