You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
754 B
SCSS
38 lines
754 B
SCSS
4 years ago
|
.excalidraw {
|
||
|
.UserList {
|
||
|
pointer-events: none;
|
||
|
/*github corner*/
|
||
4 years ago
|
padding: var(--space-factor) var(--space-factor) var(--space-factor)
|
||
|
var(--space-factor);
|
||
4 years ago
|
display: flex;
|
||
|
flex-wrap: wrap;
|
||
|
justify-content: flex-end;
|
||
2 years ago
|
align-items: center;
|
||
2 years ago
|
gap: 0.625rem;
|
||
3 years ago
|
|
||
|
&:empty {
|
||
|
display: none;
|
||
|
}
|
||
2 years ago
|
|
||
|
// can fit max 5 avatars in a column
|
||
|
max-height: 140px;
|
||
|
|
||
|
// can fit max 10 avatars in a row when there's enough space
|
||
|
max-width: 290px;
|
||
|
|
||
|
// Tweak in 30px increments to fit more/fewer avatars in a row/column ^^
|
||
|
|
||
|
overflow: hidden;
|
||
4 years ago
|
}
|
||
|
|
||
|
.UserList > * {
|
||
1 year ago
|
pointer-events: var(--ui-pointerEvents);
|
||
4 years ago
|
}
|
||
|
|
||
|
.UserList_mobile {
|
||
|
padding: 0;
|
||
|
justify-content: normal;
|
||
2 years ago
|
margin: 0.5rem 0;
|
||
4 years ago
|
}
|
||
|
}
|