UserList.scss 754 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .excalidraw {
  2. .UserList {
  3. pointer-events: none;
  4. /*github corner*/
  5. padding: var(--space-factor) var(--space-factor) var(--space-factor)
  6. var(--space-factor);
  7. display: flex;
  8. flex-wrap: wrap;
  9. justify-content: flex-end;
  10. align-items: center;
  11. gap: 0.625rem;
  12. &:empty {
  13. display: none;
  14. }
  15. // can fit max 5 avatars in a column
  16. max-height: 140px;
  17. // can fit max 10 avatars in a row when there's enough space
  18. max-width: 290px;
  19. // Tweak in 30px increments to fit more/fewer avatars in a row/column ^^
  20. overflow: hidden;
  21. }
  22. .UserList > * {
  23. pointer-events: var(--ui-pointerEvents);
  24. }
  25. .UserList_mobile {
  26. padding: 0;
  27. justify-content: normal;
  28. margin: 0.5rem 0;
  29. }
  30. }