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.

_speaker_stats.scss 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .speaker-stats {
  2. list-style: none;
  3. padding: 0;
  4. color: $auiDialogColor;
  5. width: 100%;
  6. font-weight: 500;
  7. .speaker-stats-item__status-dot {
  8. position: relative;
  9. display: block;
  10. width: 9px;
  11. height: 9px;
  12. border-radius: 50%;
  13. margin: 0 auto;
  14. &.status-active {
  15. background: green;
  16. }
  17. &.status-inactive {
  18. background: gray;
  19. }
  20. }
  21. .status-user-left {
  22. color: $placeHolderColor;
  23. }
  24. .speaker-stats-item__status,
  25. .speaker-stats-item__name,
  26. .speaker-stats-item__time {
  27. display: inline-block;
  28. margin: 5px 0;
  29. vertical-align: middle;
  30. }
  31. .speaker-stats-item__status {
  32. width: 5%;
  33. }
  34. .speaker-stats-item__name {
  35. width: 40%;
  36. }
  37. .speaker-stats-item__time {
  38. width: 55%;
  39. }
  40. .speaker-stats-item:nth-child(even) {
  41. background: whitesmoke;
  42. }
  43. .speaker-stats-item__name,
  44. .speaker-stats-item__time {
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. white-space: nowrap;
  48. }
  49. }