diff --git a/src/components/Persona/Persona.scss b/src/components/Persona/Persona.scss index 2c1c9530766ef..c8b18136f3744 100644 --- a/src/components/Persona/Persona.scss +++ b/src/components/Persona/Persona.scss @@ -148,7 +148,6 @@ $ms-color-initials-darkRed: #b91d47; display: table-cell; padding: 0 12px; vertical-align: middle; - overflow: hidden; } .ms-Persona-primaryText, diff --git a/src/components/Persona/Persona.tsx b/src/components/Persona/Persona.tsx index b4fda7fbb44af..d52c2106afff7 100644 --- a/src/components/Persona/Persona.tsx +++ b/src/components/Persona/Persona.tsx @@ -23,19 +23,29 @@ export class Persona extends React.Component { }; public render() { - let { className, size, imageUrl, imageInitials, initialsColor, presence, primaryText, secondaryText, tertiaryText, optionalText, hidePersonaDetails } = this.props; + let { + className, + size, + imageUrl, + imageInitials, + initialsColor, + presence, + primaryText, + secondaryText, + tertiaryText, + optionalText, + hidePersonaDetails + } = this.props; return ( -
+
{ size !== PersonaSize.tiny && (
{ imageInitials }
) } - { presence !== PersonaPresence.none &&
} - { !hidePersonaDetails && (
{ primaryText }
@@ -44,6 +54,7 @@ export class Persona extends React.Component { ) : (null) }
{ tertiaryText }
{ optionalText }
+ { this.props.children }
) }
);