From 8f803c1c3a807175b93a8d026ffced16e4a16253 Mon Sep 17 00:00:00 2001 From: Matthew Lipski Date: Fri, 26 Jan 2024 18:12:42 +0100 Subject: [PATCH 1/2] Fixed styles that were overwritten by Mantine globals --- .../BlockNote/ReactBlockNote.module.css | 21 +++++++++++++++++++ packages/website/docs/demoUtils.ts | 13 +++++++++++- 2 files changed, 33 insertions(+), 1 deletion(-) diff --git a/packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.module.css b/packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.module.css index 839b9c96c1..9e8b056484 100644 --- a/packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.module.css +++ b/packages/website/docs/.vitepress/theme/components/Examples/BlockNote/ReactBlockNote.module.css @@ -2,3 +2,24 @@ background: transparent !important; height: 500px; } + +/* From Vitepress base styles, to overwrite Mantine globals */ +body { + margin: 0; + width: 100%; + min-width: 320px; + min-height: 100vh; + line-height: 24px; + font-family: var(--vp-font-family-base); + font-size: 16px; + font-weight: 400; + color: var(--vp-c-text-1); + background-color: var(--vp-c-bg); + direction: ltr; + font-synthesis: style; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + + diff --git a/packages/website/docs/demoUtils.ts b/packages/website/docs/demoUtils.ts index 63e67e066f..c4b151a5b5 100644 --- a/packages/website/docs/demoUtils.ts +++ b/packages/website/docs/demoUtils.ts @@ -14,5 +14,16 @@ export const getStyles = (isDark: Ref): string => `body { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; - background-color: ${isDark ? "#151515" : "white"}; + background-color: ${isDark ? "#151515" : "white"} !important; }`; + +export const index = `import React, { StrictMode } from "react"; +import { createRoot } from "react-dom/client"; +import App from "./App"; +import "./styles.css"; +const root = createRoot(document.getElementById("root")); +root.render( + + + +);`; From 753bafc0ed127be280e4bbf85013fe7ff3931699 Mon Sep 17 00:00:00 2001 From: Matthew Lipski Date: Mon, 29 Jan 2024 12:43:10 +0100 Subject: [PATCH 2/2] Removed old code --- packages/website/docs/demoUtils.ts | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/packages/website/docs/demoUtils.ts b/packages/website/docs/demoUtils.ts index c4b151a5b5..b0b39153dd 100644 --- a/packages/website/docs/demoUtils.ts +++ b/packages/website/docs/demoUtils.ts @@ -16,14 +16,3 @@ export const getStyles = (isDark: Ref): string => `body { background-color: ${isDark ? "#151515" : "white"} !important; }`; - -export const index = `import React, { StrictMode } from "react"; -import { createRoot } from "react-dom/client"; -import App from "./App"; -import "./styles.css"; -const root = createRoot(document.getElementById("root")); -root.render( - - - -);`;