Adding Mermaid diagram support #168 (#1044) #1047
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* Installed astro mermaid * Fixed title for mermaid by adding jsx line to print title above diagram * Trying to split single line title into three lines hoping github will understand them * This is my third attempt, trying to use a html solution without font size but rather h4<small>, because git doesnt recognize font size either * Try #4, adding a space between title and mermaid text * Revert "Installed astro mermaid" This reverts commit e32991e. * Installed astro mermaid * Removed html fix for title, and use mermaid's class chart built in title support * Removed Html Line from Main branch (unneeded for current install) * Revert "Merge branch 'main' into hien" This reverts commit 1b67d8f, reversing changes made to 4b9274c. * installed astro mermaid * removed some typo * removed some typo * The MDX file includes two Mermaid diagrams—one for light mode and one for dark—because Mermaid diagrams are rendered at build time and can’t switch themes dynamically. Each version is wrapped in its own container using a html script, and CSS rules in global.scss hide or show the appropriate diagram depending on whether the .dark-theme class is active. This ensures users always see a diagram that matches their current theme * Dark Diagram deleted and diagram set to default options * Deleted css options for the dark mode diagram * Undid unnecessary changes to these 2 files * Trying to remove changes on web_gl file * added invert filter for darkmode diagrams --------- Co-authored-by: Hien-Ly <[email protected]> Co-authored-by: Jaime Serrano Acevedo <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Applying #1044 to
2.0branchInstalled astro mermaid
Fixed title for mermaid by adding jsx line to print title above diagram
Trying to split single line title into three lines hoping github will understand them
This is my third attempt, trying to use a html solution without font size but rather h4, because git doesnt recognize font size either
Try Add example markdown files for collections #4, adding a space between title and mermaid text
Revert "Installed astro mermaid"
This reverts commit e32991e.
Installed astro mermaid
Removed html fix for title, and use mermaid's class chart built in title support
Removed Html Line from Main branch (unneeded for current install)
Revert "Merge branch 'main' into hien"
This reverts commit 1b67d8f, reversing changes made to 4b9274c.
installed astro mermaid
removed some typo
removed some typo
The MDX file includes two Mermaid diagrams—one for light mode and one for dark—because Mermaid diagrams are rendered at build time and can’t switch themes dynamically. Each version is wrapped in its own container using a html script, and CSS rules in global.scss hide or show the appropriate diagram depending on whether the .dark-theme class is active. This ensures users always see a diagram that matches their current theme
Dark Diagram deleted and diagram set to default options
Deleted css options for the dark mode diagram
Undid unnecessary changes to these 2 files
Trying to remove changes on web_gl file
added invert filter for darkmode diagrams