1

I have been using the css variables in the mgt-person component to great success

mgt-person {
    --font-size: 14px;
    --font-weight: 400;
}

But in the mgt-person-card the font-size property doesn't seem to affect anything? The documentation here: https://learn.microsoft.com/en-us/graph/toolkit/components/person-card seems to suggest that this should work? Or am I missing something?


mgt-person-card {
  --font-size: 1px;
  --font-weight: 400;
}
RobPethi
  • 551
  • 9
  • 27

1 Answers1

2

Thanks for bringing this to our attention, it looks like the documentation isn't correctly matching the current variables. I posted an issue on the repository, with more information here:

https://github.com/microsoftgraph/microsoft-graph-toolkit/issues/333

and I will follow up with the subsequent PR soon.

Nic Vogt
  • 261
  • 1
  • 6
  • Do you have a reference to the code with the correct variables? I can't see it, and we are trying to integrate this right now. – RobPethi Mar 26 '20 at 10:57
  • The variable wasn't exposed correctly, since the `mgt-person-card` is dependent on the`mgt-person` component. A PR correcting this and adding more customization to the component has been pushed here: https://github.com/microsoftgraph/microsoft-graph-toolkit/pull/363 This will be reflected in the 1.2.0 version of the toolkit. – Nic Vogt Apr 03 '20 at 21:55