search

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
521 stars 113 forks source link

[Bug] (Image Positioning Snippet) Bulletpoints overlap with left-aligned images #248

Closed phthallo closed 6 months ago

phthallo commented 8 months ago

Describe the bug

When using your Image Positioning Snippet, aligning an image using ![[image.png|left] and then creating a bulleted list (so bullet points positioned to the right of the image) cause the bullet points to overlap with the image. Additionally, list indentation to the right of the image is not preserved.

Expected behavior Bullet points should be fully visible, and correctly aligned with a suitable margin instead of overlapping.

To Reproduce

Steps to reproduce the behavior:

  1. In Source Mode, paste any image in and resize with the left attribute, with this CSS snippet enabled.
  2. Begin typing a list of arbitrary length, with varying bullet indents.
  3. Switch to Reader Mode.
  4. See screenshot below.

Screenshots

If applicable, add screenshots to help explain your problem. image ^ The above image is in Reader Mode with all sidebars collapsed. image ^ The above image is what I'm typing in (in Source Mode). I usually only switch between Source and Reader mode.

(In the screenshots, I am using the AnuPpuccin theme with a couple of other plugins, but I tested it on an empty vault and it still doesn't work correctly.) image ^ Image above is the empty vault trial. This one isn't using any resizing, just left.

OS

Windows 10

Where does the bug occur?

Versions

Additional context

// Thank you!

SlRvb commented 6 months ago

This should now be fixed if you redownload the snippet! Thanks for letting me know and sorry it took so long to get to 🙈

phthallo commented 6 months ago

Thank you so much and no worries about the wait! It is fixed, but another problem's come up :'D image Fixing the issues with how lists are displayed appears to have broken how they wrap around the image, with both left and right image align (normal text is perfectly fine though!).

I definitely understand if this is something you can't fix though/isn't high priority, as this is probably a niche use for it. Again, thanks for making and maintaining this snippet (and the ITS theme itself!)

SlRvb commented 6 months ago

Hmmm yeah unfortunately I don't know of a way that this could be fixed 🤔 any other methods that push the bullets away from overlapping also results in this effect. Sorry about that, you can disable it in the style settings if it's too much of an issue.

phthallo commented 6 months ago

That's okay, thanks anyways :) Have a nice day!