Closed AnthonyPhan closed 1 year ago
Hello AnthonyPhan, thank you for opening an issue with us!
I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌
Hello @AnthonyPhan what version of mgt are you using?
@microsoft/mgt-react": "^2.10.0
But i can also confirm this occurs in Microsoft Graph Toolkit Playground which presumably runs the latest version of @microsoft/mgt
@AnthonyPhan thank you for raising this issue. I can reproduce it. Would you be interested in making a fix and raising a PR? Also, you can try to test the new version v3.0.0-rc.3 release that has a new (and better) dark theme support.
Unfortunately, I dont think I understand the code base well enough to contribute here. I have also raised a feature suggestion #2422 to try to address similar issues in the future.
This specific issue is resolved with our next major version.
I'm going to close this one for now as it's resolved in v3.0 which is available as a Release Candidate at present and will GA very soon
Describe the bug When using the mgt-file-list component in dark mode there is still a white background applied to the component which shows. Due to the way the component uses shadow DOM and CSS variables, there's no clean way for the host component to change this bahaviour.
To Reproduce Steps to reproduce the behavior:
dive with a black background below is to simulate an app in dark mode
Expected behavior The component should allow the user to set the --background-color CSS variable and not overwrite it.
Screenshots notice the white spaces in the corners below:![image](https://github.com/microsoftgraph/microsoft-graph-toolkit/assets/12785492/e2f45293-9406-446e-a390-d73303183cea)
When inspecting the DOM, you can see the component overwrites the CSS background-color variable using the :host selector![image](https://github.com/microsoftgraph/microsoft-graph-toolkit/assets/12785492/54926360-9a72-4b89-98e7-884268b1659b)
Environment (please complete the following information):