microsoftgraph / microsoft-graph-toolkit

Authentication Providers and UI components for Microsoft Graph 🦒
https://docs.microsoft.com/graph/toolkit/overview
Other
939 stars 298 forks source link

[BUG] CSS not applying on the line one in MGT Person #3312

Open DJoshi23 opened 1 week ago

DJoshi23 commented 1 week ago

Hi Team,

i am using MGT Person Component in my React based SPFx Solution. i want to provide the Color to Title of person

Below code not working as expected to change the color

CSS

.DisableDarkThemeLayout2 { --person-line1-text-color: red; }

Version: "@microsoft/mgt": "2.2.1", "@microsoft/mgt-react": "2.2.1",

Code Snippet:

import { avatarType, Person, PersonCardInteraction, ViewType, } from "@microsoft/mgt-react";

<Person personQuery={prop.e.displayName} personImage={ "/_layouts/15/userphoto.aspx?size=M&accountname=" + prop.e.mail } fallbackDetails={{ displayName: prop.e.displayName }} view={ViewType.oneline} personCardInteraction={PersonCardInteraction.click} className={"DisableDarkThemeLayout2"}

musale commented 5 days ago

@DJoshi23 mgt is currently at version 4+ https://github.com/microsoftgraph/microsoft-graph-toolkit/releases/tag/v4.2.5. Please update your app and use the current version. Version 2 is no longer maintained, and any issues raised with it shall not be fixed.