grantmcdermott / quarto-revealjs-clean

A minimalist and elegant presentation theme for Quarto Reveal.js
https://grantmcdermott.com/quarto-revealjs-clean-demo/template.html
MIT License
230 stars 37 forks source link

`.bottom-left` class #5

Open kylebutts opened 11 months ago

kylebutts commented 11 months ago

It would be easy to put buttons in bottom-left with:

// Put in bottom-left corner
.bottom-left {
  position: absolute;
  bottom: 10px;
  left:   10px;
}

The main problem is that each slide is wrapped in a <section> tag that has position: relative attached to it. So the absolute position is relative to that instead of the full screen. This works except for when text overflows in the vertical direction, making the button cover some of the text