Obsidian Miner, CSS for Banner Icon and Float Sidebar

Share & showcase
, ,
1

A TiddlyWiki like view snippet, and a little change for obsidian mobile. Github :partying_face:

image
image1920Ɨ970 110 KB

8 Likes
2

This is really cool, thanks for sharing! I especially like the changes to mobile.

1 Like
3

I just realized somethingā€”this solves some major issues I had with writing scenes in Obsidian! I used to find it difficult splitting up scenes into different notes because Iā€™d have to cycle through tabs to read them togetherā€¦but this solves everything! Now I just scroll and itā€™s just like reading the whole chapter or screenplay. Thank you so much for making this!

1 Like
4

Add icons for all Headings in reading mode.

HeadingIcon

5

Banner and Canvas snippet

MinerBanner
MinerBanner1920Ɨ1312 110 KB

MinnerCanvas
MinnerCanvas2789Ɨ1460 285 KB

6
2 Likes
7
  • Update: TiddlyWiki-Like => v0.0.2(Now the page has a dynamic height.)

image
image1228Ɨ1281 78.7 KB
image
image415Ɨ807 55.1 KB

2 Likes
8

2023/10/12

  • Added a Callout to support Emoji Banner Icon and description.
  • A small handle is added to the floating sidebar, and the width of the sidebar can be adjusted.
1 Like
9

I donā€™t know what Iā€™m doing wrong. But I am not getting it to work at all.
https://i.imgur.com/dVBgC0A.png

10

I donā€™t know, the display here is correct. Iā€™m using the default theme

image
image1653Ɨ489 121 KB

11

I now recommend using callout because it is compatible with emoji icons, and compatible with image caption plugin

image
image1667Ɨ614 149 KB

12

How to use?

---
cssclasses:
  - bannerimg
  - banner-title-center
  - description
---

> [!bannerdescription]
> This is a descriptionļ¼  
> This is a deeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeescriptionļ¼

> [!bannerimage]  
> ![[xxxxxx.png]]

> [!bannericoncc]  
> ![[xxxxxxxxx.png]]

image
image1856Ɨ889 176 KB

If you want to use emoji as banner icon:

> [!bannericoncc]  
> šŸ”¦

image
image894Ɨ345 51.9 KB

13

how did you fix this?

14

Only found this now, seems amazingā€¦ but floating bar seems to not be working at least on my end (current obsidian version, default theme)

tiddlywiki-like is amazing (i LOVED tiddlywiki, used it for years!) but for me for some reason it seems every other note gets a huge blank space beneath if the show backlinks at bottom is turned on(tested on a sandbox vault). On my main vault it also gets a bug when scrolling where half of the screen doesnt render, im still trying to figure out what plugin is confliting with itā€¦ but i guess i wil figure that out, now im just torn between having the tiddlying vertical feed vs backlinks on the bottom wich i also love

But i couldnt figure out how to make the banner work at all. Can someone provide an example of the code in a note completely filled in?

And anyone know if its possible to change the heading icon snippet to work in live-preview mode? It is exactly what i was looking for, the only similar i found is a plugin that adds something before the headers but it creates some sort of gutter/margin that dont go well with another plugin, my css and make then annoying when editing on the canvasā€¦ an icon at the end is perfect, but i never touch reading viewā€¦