[Bug] Broken Timeline Callout

[EdualcLaiv]

Describe the bug

The timeline callout is not rendered properly. It's not correctly centered (especially the 🕛icon), and the vertical line looks broken.

Expected behavior It should look as showed in your guide:

To Reproduce

1. Install the theme in a new vault
2. Use following code:

> [!timeline|t-l] **Title** _Subtitle_
> Left aligned timeline piece

> [!timeline|t-r] **Title** *Subtitle*
> Right aligned timeline piece

> [!timeline|t-l] **Title** _Subtitle_
> Left aligned timeline piece

> [!timeline|t-r] **Title** *Subtitle*
> Right aligned timeline piece

Screenshots

OS

Where does the bug occur?

• [x] Desktop

  • Windows 10

• [ ] Mobile

  • I didn't test it on mobile

• Obsidian Version: V1.0

• Theme Version: 0.7.0

[EdualcLaiv]

I forgot to point out that I tried to use the snippet without the whole theme and got same problems.

[SlRvb]

Should be fixed now with ITS v0.7.4 :)

Let me know if it worked!

[EdualcLaiv]

The theme is fixed! 👍

But it seems you didn't updated the snippet : https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Snippets/S%20-%20Callouts.css

Could you copy and paste your fix here as well? 🙏

[SlRvb]

I've pushed the fix for the snippet as well now, do let me know if that works there as well :)

[EdualcLaiv]

It works fine with default theme now.

Thanks a bunch!

[viluon]

I think there are still glitches in the theme, shouldn't the timeline stretch between events?

[viluon]

@EdualcLaiv did you experience the issue above?

[EdualcLaiv]

Nope. What's your exact markdown here?

[viluon]

@EdualcLaiv

> [!timeline|t-l t-3] **foo** _744 AI_

> [!timeline|t-r] **bar** _734 AI_

> [!timeline|t-l t-2] **oof** _702 AI_

renders as