Minimal Theme

Can you share the snippet you are using? The solutions I have seen rely on some hacky syntax which doesn’t seem ideal.

IMO sidenotes should use the standard Markdown footnote syntax. Unfortunately with the current implementation in Obsidian there isn’t a good way to display them in pure CSS.

It would be amazing if someone can take this idea and turn it into a plugin so that the footnote content can be displayed inline and manipulated. Then it would become possible to style that content properly.

3 Likes

@ldebritto @kepano This is the snippet. I got it from @jdanielmourao on Discord. He is the creator of the Sanctum theme and credits the original sidenote CSS to @SlRvb ITS theme.

It gets the job done but it does not use Markdown, I agree that will be ideal.

sidenotes.css (1.5 KB)

2 Likes

Got it! In that case, I think the snippet is best shared in the Share your Minimal Theme screenshots/configuration thread. I want to keep the core Minimal theme focused on native Markdown features.

You might also want to post a plugin request for this feature. If a plugin does get made to support sidenotes using Markdown, I will definitely explore styling it for Minimal.

1 Like

@PR-C: I use this snippet (ITS theme too) and it supports markdown.

side-note2.css (2.8 KB)

2 Likes

This snippet uses HTML syntax, which is compatible with Markdown, but doesn’t work with the native Markdown footnote syntax.

@kepano : Markdown footnote syntax? What is the relationship between a sidenote and a footnote?

See @PR-C’s link to the Edward Tufte inspired description. For a non-paginated medium like Obsidian, sidenotes are a way to contextually position citations/references/etc to make them easy to read. Since they semantically replace footnotes, it seems best to use the Markdown syntax to stay in line with the Obsidian philosophy of future-proof notes.

3 Likes

I have seen Tufte’s description, it is what actually got me interested in sidenotes in the 1st place, and that was when I was already using footnotes a lot and still do.

I still don’t understand the relationship between sidenotes and footnotes, but I do not want to take up your time with that.

My reaction was merely to pcuellar’s comment that Markdown does not work with the sidenote snippet he uses. I have a different snippet and in sidenote text I can e.g. use **text** for bold, and it is rendered as such, even in Live Preview.

Hey @Klaas, thanks for sharing! I like the aside-in version of the sidenote.

I just tested Markdown syntax on text with the snippet I use and it renders it exactly like yours. My understanding of what @kepano was saying is that there is no native Markdown syntax to make sidenotes work. However, I saw yesterday a post on Discord by @holubj on a new plugin called Obsidian Dialogue Plugin that uses Markdown fenced codeblocks to produce side-to-side text. Maybe this can be leveraged to produce sidenotes?

@PR-C: I did not see that one because I don’t often go on the updates channel. They offer a lot more flexibility than the sidenotes. The only thing I would miss is the hide feature that sidenote offers.

Many thanks for sharing!

Here is the FR for the core feature: Parse markdown inside <details><summary> tags - #2 by argentum

Minimal 4.1.9 is now available with improvements for Live Preview

  • Support for rendered Dataview code blocks
  • Better line width support
  • Fixed underline settings for internal and external links

Minimal 4.2 Beta is now available to early access supporters, read more here:

Release notes:
https://publish.obsidian.md/kepano/Minimal+Theme/Releases/Minimal+4.2.0

Playing with 4.2 already. I’m curious as to how the embed-strict class is supposed to work. I added it on my yaml but the only difference I can see is that the line on the left of the embed has gone away. Is this how it is supposed to work or is it supposed to make transclusions displayed as part of a given paragraph?

Correct, it is intended to make transclusions look seamlessly integrated into the note (removes the title, borders and padding)

Minimal 4.2 is now available! Happy holidays everybody :christmas_tree:

Lots of details and screenshots in the release notes

4 Likes

Lovely work on this theme. Something I’ve noticed now using Live Preview: the dots for dot points don’t seem to be aligned right, and sit higher than they should. Is this something I can fix in settings? Thanks!

Screenshot 2021-12-24 8.43.32 AM

What font, font size and operating system are you using?

Thanks for your reply! I’m on Linux, using a chromebook emulator if that matters. The fonts are all default sizes, so 16 I believe. And the fonts are all the defaults, too – perhaps that’s where the problem is? See attached. Cheers!

Screenshot 2021-12-24 2.40.09 PM

Samma issue here with the bullets being just a tad to high. I use the latest version of Obsidian with Windows 11 and standard fonts. The body size is 20 in my case.