text overflowing from slides

MSzturc / obsidian-advanced-slides

Create markdown-based reveal.js presentations in Obsidian

https://mszturc.github.io/obsidian-advanced-slides/

MIT License

987 stars 82 forks source link

text overflowing from slides #187

Closed amorfati888 closed 1 year ago

amorfati888 commented 1 year ago

Describe the bug Text overflowing from all my slides. Sorry if this issue was already adressed. I searched for keywords "overflow" and "grid" and didn't find anything.

Samples to Reproduce

Using Windows 11.
Opened a brand new obsidian vault.
Installed only advanced slides. No other plugin.
Using the tpl-footer.md template proposed here as well as the example note.
Attached the vault I'm using and screenshots.

Here is a screenshot of what it looks like Screenshot 2022-12-18 113443

Here is the sample vault I'm using to reproduce the bug: slidesTest.zip

Expected behavior

Expected behavior is for the text to stay within the confines of the grid.

MSzturc commented 1 year ago

This is a normal behaviour. Since Advanced Slides is based on HTML it has to follow the rules and conventions of HTML. Scaling is very expensive and therefore there is no automatic way of doing this in HTML.

I would suggest one of 2 way:

Change the size of the slides - By default a slide is 960x700 pixel big. You can increase the size of slide which will reduce the size of the text by the frontmatter options width and height.
You can annotate the element or the slide with a  to reduce font size it.

ryanwwest commented 1 year ago

Interestingly,  has a bug when the line it is applied on includes Latex Math notation:

This should be small $but only this is$. <!-- .element: style="font-size: 16px" -->