diff --git a/src/App/App.css b/src/App/App.css index e68683bb82d3eed18d0c9a0fb517faaa292ba7f0..dc96d72bf0038810e72ab86ab5c3286d5ffd8ddd 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -41,6 +41,7 @@ --warning-title-color: var(--text-primary); --warning-code-bg-color: var(--lightorange); + --markmap-a-color: var(--text-primary) !important; } @@ -2807,4 +2808,5 @@ span{ .diagram-hp{ height: 300px; width: 100%; -} \ No newline at end of file +} + diff --git a/src/components/mindmap/mindmap-hooks.tsx b/src/components/mindmap/mindmap-hooks.tsx index a13d7a8b69e60fbc78660b0b563a26452865b3c1..ac556051dc002ea05fc2b07c794d5872cf4a8d08 100644 --- a/src/components/mindmap/mindmap-hooks.tsx +++ b/src/components/mindmap/mindmap-hooks.tsx @@ -2,9 +2,10 @@ import React, { useState, useRef, useEffect } from 'react'; import { Markmap } from 'markmap-view'; import { transformer } from './mindmap'; -import 'markmap-toolbar/dist/style.css'; -const initValue = `# Stakeholders + +const initValue = ` +# Stakeholders - Patients - hi - Industry diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx index 72a19c46a0c8c0e77fa4c5cf8ded0f7f3a38ee8a..35313372cdffd4cebc49aa1b03eeaf8b4128ad1f 100644 --- a/src/contents/human-practices.tsx +++ b/src/contents/human-practices.tsx @@ -13,7 +13,7 @@ import { AllPopus } from "../components/HorizontalTimeline"; import { BFHStyleTabs, ButtonRowTabs } from "../components/Tabs"; import { TabButtonRow, openTab } from "../components/Buttons"; import { BlockQuoteB } from "../components/Quotes"; -import MarkmapHooks from "../components/mindmap/mindmap-hooks"; + let timelinebuttonrowdata = [ @@ -113,7 +113,7 @@ let timelinepersontabs =[ cssname: "Weber" }, ] -// die height für class="timeline row align-items-center" muss angepasst werden, damit die Boxen höher sein können +// die height für className="timeline row align-items-center" muss angepasst werden, damit die Boxen höher sein können export function HumanPractices() { @@ -127,8 +127,8 @@ export function HumanPractices() { <div className="center"> <h3 className="col personalstyleone">Overview</h3> </div> - <MarkmapHooks/> - <div className="center"> + + <div className="center"> <h3 className="col personalstyleone">Timeline</h3> </div> <TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />