coatless / quarto-webr

Community developed Quarto Extension to Embed webR for HTML Documents, RevealJS, Websites, Blogs, and Books.
https://quarto-webr.thecoatlessprofessor.com/
395 stars 19 forks source link

harmonize font sizes #175

Closed ute closed 7 months ago

ute commented 8 months ago

Choose monaco editor font size according to surrounding div (editorDiv)

coatless commented 8 months ago

@ute I'm going to make this PR the "font-size" change one and, I'll switch #173 to focusing solely on global options. Is that okay?

ute commented 8 months ago

👍 Please go ahesd, I was initially shy to open two issues / PRs 😊

coatless commented 8 months ago

@ute no worries. We appreciate the PRs 😄 👍 💯

coatless commented 7 months ago

@ute I think the output size should largely be sync'd now with the code editor text size.

Demo of the `editor-font-size` option in action with smaller and larger text

I added the above demo under docs/demos/qwebr-editor-options.qmd.

Though, given that bootstrap is defining a custom style on the pre tag, we won't be 100% in sync with a raw code cell.

Example of the pre code style

Let me know what you think. If this is okay, we can close it out and move on to the next issue.

coatless commented 7 months ago

Going to fold this into main to add a few more options into the editor options demo.