Merge pull request #453 from vector-im/dbkr/fix_facepile_display
Fix facepile display issues
This commit is contained in:
@@ -24,7 +24,11 @@ export function Facepile({
|
|||||||
<div
|
<div
|
||||||
className={classNames(styles.facepile, styles[size], className)}
|
className={classNames(styles.facepile, styles[size], className)}
|
||||||
title={participants.map((member) => member.name).join(", ")}
|
title={participants.map((member) => member.name).join(", ")}
|
||||||
style={{ width: participants.length * (_size - _overlap) + _overlap }}
|
style={{
|
||||||
|
width:
|
||||||
|
Math.min(participants.length, max + 1) * (_size - _overlap) +
|
||||||
|
_overlap,
|
||||||
|
}}
|
||||||
{...rest}
|
{...rest}
|
||||||
>
|
>
|
||||||
{participants.slice(0, max).map((member, i) => {
|
{participants.slice(0, max).map((member, i) => {
|
||||||
|
|||||||
@@ -28,6 +28,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.participants > p {
|
.participants > p {
|
||||||
|
|||||||
Reference in New Issue
Block a user