Let standalone <code> elements wrap incase they extend wider than th…

TryGhost / docs

Ghost's official documentation

https://docs.ghost.org

MIT License

112 stars 79 forks source link

Closed daviddarnes closed 5 years ago

daviddarnes commented 5 years ago

Let standalone <code> elements wrap incase they extend wider than the browser.
Also some CSS typos my linter caught

gif demo: ghost-code-wrapping

netlify[bot] commented 5 years ago

Deploy preview for tryghost ready!

Built with commit 98c19481624a308961aa9422790bfea329e25d8a

JohnONolan commented 5 years ago

S P I C E Y 🌶

JohnONolan commented 5 years ago

@daviddarnes while you're here, I can't for the life of me figure out why the codeblock here is pushing out the width: https://docs.ghost.org/integrations/facebook/ ?

daviddarnes commented 5 years ago

@JohnONolan got it, nested flex elements have some weird edge case bugs. Solved with min-width: 0 on the <article/> ghost-docs-container-bug

daviddarnes commented 5 years ago