SlRvb / Obsidian--ITS-Theme

Theme designed with readability and customizability in mind. Change it easily to your liking with the Style Settings plugin installed.
https://publish.obsidian.md/slrvb-docs/ITS+Theme/ITS+Theme
GNU General Public License v2.0
556 stars 114 forks source link

"Left/Right Aligned Callout Boxes" issue + altered snippet request #120

Closed train-con closed 2 years ago

train-con commented 2 years ago

I have been using the "Left/Right Aligned Callout Boxes" snippet for a while now and I'm overall satisfied with it! I use it to replicate a sort of Wikipedia-esque interface for my Obsidian and it does its job.

Issue: When the box becomes too long (e.g. I create longer lists in a cell), I notice whenever I scroll down the entire thing disappears until I scroll back up again. This may be a problem for me in the future when my database becomes larger.

Requests: โ€ข Slightly extended width boxes โ€ข Remove subheading ("Stat | Info") and leave only the heading

Thanks a million for this snippet!

SlRvb commented 2 years ago

Do you have a screenshot of how long that callout is?

I do wonder if this might be an issue with how obsidian unloads parts of pages if they're long which can sometimes break rendering really long dataviewjs code too ๐Ÿฅด

SlRvb commented 2 years ago

I'm not sure what you mean by Stat and Info ๐Ÿค” that's not a part of the snippet, it's just stuff you can add, change, or remove in the markdown itself.

For width I'll be adding info on the callout guide about callout sizing.

train-con commented 2 years ago

I havenโ€™t made it too far yet ๐Ÿ˜‚

But I will make an example box! Can you send videos through GitHub or is it only images?

On Thu, Jul 14, 2022 at 4:46 PM SlRvb @.***> wrote:

Do you have a screenshot of how long that callout is?

I do wonder if this might be an issue with how obsidian unloads parts of pages if they're long which can sometimes break rendering really long dataviewjs code too ๐Ÿฅด

โ€” Reply to this email directly, view it on GitHub https://github.com/SlRvb/Obsidian--ITS-Theme/issues/120#issuecomment-1184881983, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZU2MKD2LCQVVDJAGY6QHGTVUB4DJANCNFSM53S5LSHQ . You are receiving this because you authored the thread.Message ID: @.***>

train-con commented 2 years ago

Ahh! Thatโ€™s a little weird. I got your snippet from a Patreon link and it has the Stat and Info enabled by default: https://www.patreon.com/posts/65804706

And thank you so much! Iโ€™ll be looking forward to it.

On Thu, Jul 14, 2022 at 4:49 PM SlRvb @.***> wrote:

I'm not sure what you mean by Stat and Info ๐Ÿค” that's not a part of the snippet just stuff you can add, change, or remove in the markdown itself.

For width I'll be adding info on the callout guide about callout sizing.

โ€” Reply to this email directly, view it on GitHub https://github.com/SlRvb/Obsidian--ITS-Theme/issues/120#issuecomment-1184883839, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZU2MKCDEBAXERP2GL445DTVUB4MRANCNFSM53S5LSHQ . You are receiving this because you authored the thread.Message ID: @.***>

train-con commented 2 years ago

Update: I looked at the guide and altered the widths. It helped!

On Thu, Jul 14, 2022 at 4:49 PM SlRvb @.***> wrote:

I'm not sure what you mean by Stat and Info ๐Ÿค” that's not a part of the snippet just stuff you can add, change, or remove in the markdown itself.

For width I'll be adding info on the callout guide about callout sizing.

โ€” Reply to this email directly, view it on GitHub https://github.com/SlRvb/Obsidian--ITS-Theme/issues/120#issuecomment-1184883839, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZU2MKCDEBAXERP2GL445DTVUB4MRANCNFSM53S5LSHQ . You are receiving this because you authored the thread.Message ID: @.***>

SlRvb commented 2 years ago

Can you send videos through GitHub or is it only images?

You can send video :) It helps me know what might be going on if I see the error so I can try to replicate it on my end.

train-con commented 2 years ago

Can you send videos through GitHub or is it only images?

You can send video :) It helps me know what might be going on if I see the error so I can try to replicate it on my end.

Unfortunately I can't seem to send videos at this time. But below is the text I used to test out the problem (by scrolling up and down; slow + fast). I hope this may help as an alternative :)

Screen Shot 2022-07-18 at 1 07 08 AM
SlRvb commented 2 years ago

Is it possible to paste this notes contents here so I can see what's going on in my own vault?

train-con commented 2 years ago

Is it possible to paste this notes contents here so I can see what's going on in my own vault?

Of course! Here it is:

[!infobox]


![[miscstock.png]]

Test Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test
Test

Test Test Test 1





Test Test Test 2





Test Test Test 3





Test Test Test 4





Test Test Test 5





Test Test Test 6





Test Test Test 7




SlRvb commented 2 years ago

Hmmm, I do see the error. Unloading the note content the further you scroll is something obsidian does for performance reasons. So unfortunately I think this is not something that's possible to fix with css alone.

I might recommend keeping the infobox short and maybe putting the long database query under a heading if you really need to see all that information. Sorry! ๐Ÿ™ˆ

train-con commented 2 years ago

Hmmm, I do see the error. Unloading the note content the further you scroll is something obsidian does for performance reasons. So unfortunately I think this is not something that's possible to fix with css alone.

I might recommend keeping the infobox short and maybe putting the long database query under a heading if you really need to see all that information. Sorry! ๐Ÿ™ˆ

Thank you for your response, I guess it is what it is.. ๐Ÿ˜ฎโ€๐Ÿ’จ

My infoboxes will become quite long in the future so I'm curious on how to implement the long database query under a heading! I'm not exactly the most proficient in coding things, hahah.

SlRvb commented 2 years ago

Ah it's not too technical really, just a regular note with a heading and the query under it:

# Your heading name here

```dataview
LIST
FROM [[]]


Unless you're making really long tables without dataview then it would just be a regular table under that. ๐Ÿ™ˆ 
bojtalepenye commented 1 year ago

So, is there, or will be a solution to this error?