tnichols217 / obsidian-columns

GNU General Public License v3.0
207 stars 9 forks source link

[BUG: Internal] Callout syntax renders differently than code and list #51

Closed ToppDev closed 1 year ago

ToppDev commented 1 year ago

Describe the bug

The callout syntax centers the view and has a different scale for images than the list structure or the codeblock syntax. See screenshot below.

Steps To Reproduce

Use the code below (3x remove the strings <REMOVE> before using. They were only added to get the ''' working here on GitHub)

# List Structure
- !!!col
    - 1
        ![](Assets/Attachments/Placeholder-Male.png)
    - 3
        Mr.
        # John Doe
        ⚙️ **Head of Department**
        🏢 [Company Link]()
        📧 john.doe@email.com
        ☎️ [+1 23 3 23 2 23](tel:+)
# Callout syntax
> [!col]
> ![](Assets/Attachments/Placeholder-Male.png)
> 
>> [!col-md-3]
>> Mr.
>> # John Doe
>> ⚙️ **Head of Department**
>> 🏢 [Company Link]()
>> 📧 john.doe@email.com
>> ☎️ [+1 23 3 23 2 23](tel:+)
# Codeblock 
````col
```col-md
![](Assets/Attachments/Placeholder-Male.png)
```<REMOVE>

```col-md
flexGrow=3
===
Mr.
# John Doe
⚙️ **Head of Department**
🏢 [Company Link]()
📧 john.doe@email.com
☎️ [+1 23 3 23 2 23](tel:+)
```<REMOVE>
````<REMOVE>

Expected behavior

All 3 types of columns look the same

Screenshots

System Info

OS: Arch Linux 6.2.10-arch1-1 Obsidian Version: v1.1.16 Plugin Version: v1.4.0

tnichols217 commented 1 year ago

Not a bug, when using callout syntax, wrapping in col-md callouts is required. Add a >> [!col-md] before the image on the codeblock example and it works