neo4j-documentation / docs-ui

Mozilla Public License 2.0
4 stars 23 forks source link

Swap order of language name and block title in code examples (language first) #124

Closed stefano-ottolenghi closed 1 year ago

stefano-ottolenghi commented 1 year ago

This is the current situation: Screenshot from 2022-11-09 08-20-53 Screenshot from 2022-11-09 08-21-02

And this is the effect of this PR: Screenshot from 2022-11-09 08-19-42 Screenshot from 2022-11-09 08-19-56


I have altered the way in which the divs in the code block are created, so that languageDiv comes now after titleDiv.

A naive solution where flex-grow: 1 is only given to .code-title is not enough as it breaks when there the example block has no title (the second one here) Screenshot from 2022-11-09 08-26-43 that's why I have flex-grow on both elements, one at 1 and one at 1000.

netlify[bot] commented 1 year ago

Deploy Preview for neo4j-docs-ui ready!

Name Link
Latest commit ef5584070184b739aa7f39c1f58e446abb326bf9
Latest deploy log https://app.netlify.com/sites/neo4j-docs-ui/deploys/636bcae535ba820008fa1c1d
Deploy Preview https://deploy-preview-124--neo4j-docs-ui.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.