Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

remove mwf styles #26592

Merged
merged 2 commits into from
Feb 1, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions apps/public-docsite/src/root.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,13 @@ import { androidLogo, appleLogo, webLogo, macLogo, windowsLogo, crossPlatformLog

// TODO: handle redirects

// Remove MWF stylesheet as it is unused by the site and causes conflicts with our styles
for (const tag of Array.from(document.getElementsByTagName('link'))) {
if (tag.href.includes('mwf-main')) {
tag.remove();
}
}

initializeFileTypeIcons(cdnUrl + '/assets/item-types/');

setRTL(false);
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "fix: remove mwf styles causing conflicts with react components",
"packageName": "@fluentui/public-docsite-setup",
"email": "mgodbolt@microsoft.com",
"dependentChangeType": "patch"
}
6 changes: 6 additions & 0 deletions packages/public-docsite-setup/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,12 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" user-scalable="no" />
<!-- replicate the MWF styles being added to the live header -->
<link
href="https://mwf-service.akamaized.net/mwf/css/bundle/1.58.2/west-european/default/mwf-main.min.css"
rel="stylesheet"
type="text/css"
/>
<title>Fluent UI</title>
<link
href="https://devofficecdn.azureedge.net/themes/DevOffice/Content/favicon.ico"
Expand Down