FluentHub
FluentHub copied to clipboard
0x5bfa
Markdown formatting
Before you start...
- [X] Have you checked if a similar feature request has already been reported?
Description
Various changes to make README formatting more fluent:
- Text written
(
>) with this style
should use InfoBar:
No InfoBar:
InfoBar:
~ it could have an x button to close it.
- Hyperlink button
On headers, there is a hyperlink button.
However, the icon for this is hidden slightly and looks ugly.
As well as this, the button itself is pretty useless.
Alternative solutions
No response
Relevant Assets
No response
used in the README are HTML and CSS.
Oh so its just previewed with web and not actually involved with FH?
This CSS has been a problem for some time. But once it was closed because we didn't think we could make something better than the current UI. https://github.com/FluentHub/FluentHub/issues/58
Oh so its just previewed with web and not actually involved with FH?
Yes. just borrowed from github-markdown-css
There is the idea of using MarkdownBlock or RichTextBlock, but I feel it should be discussed.
https://github.com/FluentHub/FluentHub/tree/main/src/FluentHub/Assets/WebView
Ok, i need to see the libraty, but this is gonna be hard. Fluent Svelte is like a framework and we need to take a look to how it works
@BobbyESP He has said previously.
Ok, i need to see the libraty, but this is gonna be hard. Fluent Svelte is like a framework and we need to take a look to how it works
@BobbyESP He has said previously.
when?
This app uses GitHub v3 Markdown API. but If we would like to use fluent-svelte style sheets, maybe this will be helpful. https://github.com/pablo-abc/svelte-markdown Do you @DeveloperWOW64 other than?
And we need to discuss alternative ways. WebView is very heavy. when use many times, it takes long time to load page. RichTextBlock may be still good way.
Do you know other than i told you?
Other MD css sheets? If so, there's two good ones I found: https://github.com/markdowncss/air https://github.com/jasonm23/markdown-css-themes https://takosthings.github.io/Fluent-Discord/Fluent-Discord.css
It's worth putting some effort in them - maybe we should even create our own
no. I really want to use fluent-svelte's stylesheet. so i thought we need a markdown parser for svelte in order to.
but, at the point of view of the app performance, do not like to use WebView, which Heavy and out-dated function.
no. I really want to use fluent-svelte's stylesheet. so i thought we need a markdown parser for svelte in order to.
How would we render the svelte? WebView?
yes. and I have 3 ways to display markdown.
| Way | good | bad |
|---|---|---|
| WebView -> Svelte -> fluent-svelte | very customizable | heavy |
| MarkdownTextBlock -> original resourcec dictionaryb | discustomizable | light-weight |
| RichTextBlock -> original user control | discostomizable | light-weight and can be fluent looks |
If we will go with 1, we need a renderer for svelte
For example, https://github.com/pablo-abc/svelte-markdown https://github.com/ssssota/svelte-exmarkdown
For example, https://github.com/ssssota/svelte-exmarkdown
The Files website used to use MDSVEX which is svelte-exmarkdown's predecessor
The Files website used to use MDSVEX which is svelte-exmarkdown's predecessor
We can use that? actually, i dont know about svelte.
The Files website used to use MDSVEX which is svelte-exmarkdown's predecessor
We can use that? actually, i dont know about svelte.
Maybe.. 1 is definitely the best option
okay let's go on. other github client app also uses this option, such as JitHub, CodeHub.