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 893B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .avatar {
  2. background-color: #AAA;
  3. border-radius: 50%;
  4. color: rgba(255, 255, 255, 1);
  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. .avatar-badge {
  24. position: relative;
  25. &-available::after {
  26. @include avatarBadge;
  27. background-color: $presence-available;
  28. }
  29. &-away::after {
  30. @include avatarBadge;
  31. background-color: $presence-away;
  32. }
  33. &-busy::after {
  34. @include avatarBadge;
  35. background-color: $presence-busy;
  36. }
  37. &-idle::after {
  38. @include avatarBadge;
  39. background-color: $presence-idle;
  40. }
  41. }